CSS에서 이중 콜론 (: :)은 무엇을 의미합니까?

::CSS에서 이중 콜론 ( )은 무엇을 의미합니까?

예를 들면 :

input[type=text]::-ms-clear { display: none; }

의사 요소 선택기를 의미 합니다. 이는 오른쪽 의 요소 가 일반 DOM에 존재하지 않지만 선택할 수 있음을 의미합니다.

의사 요소는 두 개의 콜론 (: :)과 의사 요소의 이름으로 구성됩니다.

출처

원래는 단일 콜론 이었지만 유사 클래스 (예 :hover: :first-child, :not등) 와 구별하기 위해 변경되었습니다 . :for before및 afterpseudo 요소 를 사용 하는 것이 가장 좋습니다 . 즉, 이전 IE 버전에서 단일 콜론이 더 나은 브라우저 지원을 제공하기 때문입니다.

::운영자는 당신이 선택하는 나타내는 의사 요소 실제로 요소로 존재하지 않지만 여전히 스타일링의 대상이 될 수있다, 하나를.

여기에는 -ms-clear제공 하는 샘플 과 같은 여러 공급 업체별 구현이 포함됩니다 . 대부분의 브라우저에는 스크롤 막대 및 기타 기본 UI 요소의 스타일을 지정하는 의사 요소도 있지만 실제적인 이유로 참조 할 수있는 사전 정의 된 의사 요소 도 많이 있습니다. 같은 first-line과 first-letter.

:before및 :after의사 요소는 심지어 당신이와 CSS를 사용하여 페이지에 실제 내용 삽입 할 수 있도록 content규칙을.

CSS3는 의사 요소가 선택되는 방식을 변경합니다. W3C는 같은 a:visited의사 클래스를 p::first-line. 고급 CSS 선택기를 참조하십시오 .