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