css float 이용하기 부분에서 :after 적용이 안됩니다
473
작성한 질문수 14
visual studio code를 사용하고 있습니다
코드는 똑같이 사용했으나 :after를 사용해도 코드가 적용이 되지않습니다
자동완성을 사용해서 보니 ::after의 기능은 있어도 :after의 기능이 없어 ::after도 사용해봤지만 적용이 안됩니다 ㅜ
visual studio code에서는 지원이 안되는 걸까요 아니면 저의 문제일까요
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
Visual Studio Code에서 :after를 사용해도 적용되지 않는 문제를 겪고 계시군요. 일반적으로 Visual Studio Code는 CSS의 :after 선택자를 지원합니다.
하지만 문제가 발생할 수 있는 몇 가지 이유가 있을 수 있습니다.
CSS 선택자 선언 오류: :after를 사용할 때는 콜론(:) 하나만 사용해야 합니다. 즉, “::after” 대신 “:after”를 사용해야 합니다.
부모 요소가 충분한 높이를 가지고 있지 않을 때: :after는 부모 요소의 뒤에 내용을 추가하기 때문에 부모 요소가 충분한 높이를 가지고 있어야 합니다. 만약 부모 요소의 높이가 0인 상태라면 내용이 보이지 않을 수 있습니다. 부모 요소에 min-height나 height 속성을 추가하여 높이를 지정해보세요.
다른 CSS 속성과의 충돌: 다른 CSS 속성과 충돌하는 경우에도 :after가 제대로 작동하지 않을 수 있습니다. 다른 CSS 속성의 영향을 받을 수 있는지 확인해보세요.
만약 위의 방법들을 모두 확인했음에도 :after가 제대로 동작하지 않는다면, 문제가 Visual Studio Code 또는 특정 환경과 관련이 있을 수 있습니다. 이 경우에는 Visual Studio Code의 설정 확인이나 다른 코드 에디터에서 동일한 코드를 실행해보는 등의 조치를 취해보시는 것이 좋습니다.
더 자세한 도움이 필요하시다면 실제 코드와 함께 상세한 상황 설명을 포함한 질문을 다시 작성해주세요. 감사합니다!
javascript 자동완성 안됨
0
1653
1
atom 실행 안됨
0
388
1
혹시 사용하신 지도를 개인 프로젝트에 사용해도 될까요??
0
334
0
reset.css 적용이 안됩니다...
0
527
0
제 코드에 무슨 문제가 있을까요?
0
330
1
Lorem
0
223
0
날짜출력
0
331
1
css 적용안됨
0
558
1
카페 리스트 띄우기1 에서 cafe list가 웹 화면에 표시가 되지 않습니다.
0
279
1
!ls 가 안되는경우
1
1283
3
indexOf 에 대한 설명중에 궁금한게 있습니다.
0
218
0
Request 결과값이 잘나오지 않는데, 수정해야할 부분이 있을까요?
0
329
0
ajax 수업중 오류
0
221
0
클래스 추가/제거 질문있습니다.
0
293
0
Atom-Live-Server 디렉토리 변경 질문있습니다.
0
669
2
웹페이지 코드는 어디서 받을 수 있을까요?
0
316
1
Django "배포" 부분에서 구름ide에 Connection Refused창이 뜹니다.
0
687
2
Django부분중에 write.html에 대해 질문드립니다.
0
229
0
장고3 으로 강의 따라해도 상관 없는지요?? 그리고 리뉴얼은 언제 하시나요?
0
222
1
화면이 계속 꺼져요.
0
543
3
break_continue 강좌 1분 10초
2
269
2
갑자기 동영상 끊기더니 재접속 안되네요.
0
162
0
django 2.x
1
166
1
38강 jQuery이벤트1 을 듣고 있습니다.
1
313
1