:hover 와 ::after (콜론 하나와 두개 차이?)
962
작성한 질문수 6
:hover 처럼 콜론 하나를 쓰는 것도 있고
::after 로 콜론 두개를 쓰는 것도 있던데
어떤 차이가 있는건가요 ?? 의미가 있는지 궁금합니다.
답변 1
0
안녕하세요. 답변 도우미입니다.
CSS에서 콜론(:)을 한 번 사용하는 것과 두 번 사용하는 것(::)은 다음과 같은 세부적인 차이점이 있습니다.
단일 콜론
:: 단일 콜론은 CSS1 및 CSS2에서 정의된 가상 클래스(pseudo-classes)를 나타내는 데 사용됩니다. 가상 클래스는 문서의 특정 부분을 선택하며, 해당 부분의 상태나 위치 등에 따라 스타일을 적용합니다. 예를 들어,:hover는 마우스 포인터가 요소 위에 있을 때 적용되는 스타일을 정의합니다.이중 콜론
::: 이중 콜론은 CSS3에서 도입되었으며 가상 요소(pseudo-elements)를 나타냅니다. 가상 요소는 문서의 특정 부분이 아니라, 문서의 일부를 생성하거나 선택하는 데 사용됩니다. 예를 들어,::after는 선택한 요소의 내용 뒤에 콘텐츠를 삽입합니다.
감사합니다.
교육기간을 연장할 수 있는지 문의드립니다.
0
55
1
메일 확인부탁드립니다
0
69
1
CodeSandbox Vanilla 질문있습니다
0
73
1
part1을 수강하지 않아도 지장이 없다 하셨는데
0
120
1
강의에 관해 문의 드립니다.
0
107
1
메일확인 부탁드립니다.
0
97
1
14강 - 72,73번 강의 영상이 동일한거 같습니다.
0
119
1
Symbol 관련 테스트 코드 실행 결과 문의
0
154
1
호환성 관련 태그
0
126
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
158
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
154
1
div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요
0
94
1
강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠
0
129
1
메일 확인 부탁드립니다.
0
155
1
메일 확인 부탁드립니다
0
156
1
특별한 형태의 javascript배열에서
0
147
1
메일 확인부탁드립니다!
0
172
1
codesandbox 업데이트..
0
153
1
pdf 파일에 있는 링크주소로 들어가지지가 않습니다.
0
275
2
강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~
0
160
1
removeEventlistener 를 왜 해주어야 하는지
0
234
1
100vw 관련 질문
0
353
2
VS CODE html:5 <tab>기능이 안됩니다
0
363
1
[모던웹페이지 만들기9](1:40)class-desc 카드부분관련
0
258
2