의 경우 단일 콜론 (:) div::after {}과 div:after {}의 차이점은 무엇입니까? :에 ::을 사용해야하는 경우는 언제입니까?더블 콜론 (: :) CSS 구문
더블 콜론과 단일 콜론 표기는 의사 클래스와 가상 요소를 구별하는 것입니다.
의사 클래스와 의사 요소를 구별한다는 것은 무엇을 의미합니까? https://css-tricks.com/almanac/selectors/a/after-and-before/에서
:
이중 콜론을 지원하는 모든 브라우저 (: :) CSS3 구문은 단지 (:) 구문을 지원하지만 IE 8은 이렇게에 대한 단일 콜론, 지원 이제 브라우저 지원을 위해 브라우저를 사용하기 위해 단일 콜론을 사용하는 것이 좋습니다.
::는 의사 내용을 의사 선택자와 구별하기 위해 들여 쓰기 된 최신 형식입니다. IE 8 지원이 필요하지 않은 경우 더블 콜론을 사용해보십시오.
는가 ::first-letter, ::first-line, ::nth-child 등
의사 클래스처럼처럼되어있는 CSS (트릭에 따른 선택기) :after 및 :before
유사 요소를 콘텐츠있는 의사 :hover, :active
의사 클래스 : 요소 또는 해당 대화 형 상태의 위치에 따라 브라우저에 의해 자동으로 적용됩니다. 예
: 커서가 가리키면 때
E:hover
타입 E의 구성 요소와 일치.
의사 요소 : 그것은이다는 HTML 계층 구조에서의 위치에 따라 콘텐츠 에 스타일을 적용합니다.
E::first-letter 이것은 블록 레벨 소자 E.
그래서
CSS3 셀렉터 안에 제 1 라인의 첫 번째 문자에 스타일을 적용 예
명세는 pseudo-elements 앞에 하나가 아닌 두 개의 콜론이 붙는다. 그래서 첫 글자는 :: 첫 글자가되고 첫 줄은 :: 첫 줄이됩니다. IE 8 및 이전 버전에서는 이중 콜론 접두사를 인식하지 못하므로 이전 브라우저에서 스타일이 손상되지 않도록 단일 콜론 버전 을 사용해야합니다.
의사 선택기와 의사 내용을 구별하는 것이 정확히 무엇입니까? – Alice
차이점을 설명하는 답변이 업데이트되었습니다. –
CSS와 트릭은 "의사 컨텐츠"와 "의사 선택기"라고 부릅니다. 그것은 새로운 최저입니다. 이 답변은 또한 끔찍한 잘못을 만듭니다 - 단일 대 더블 콜론에 대해 말한 명백한 견해에도 불구하고 소위 "의사 선택자"에 대해 단일 콜론을 계속 사용하고 그 위에는 완전히 잘못된 예제를 제공합니다. " " 그리고 마침내". – BoltClock