':' : pseudo-class
'::' : pseudo-element
ex)a::before, a::after
과거에는 ':' 하나로 모두 통용되었지만, 최근 spec에서는 두개를 구별하여 사용한다. 대부분 브라우저에서 지원.
(물론 ':'을 사용해도 error가 아니다.)
css pseudo ':' vs '::' 차이 공유합니다.
g b
작성일
22.08.10 12:40
조회수
241
댓글 1
좋은 팁 감사합니다. 한가지 덧붙이자면
CSS2 버전까지는 :before 이렇게 써왔고 CSS3에서 ::before로 꼭 써야 하는건 아닙니다.
CSS3에서 새로 생긴 가상클래스 예를 들어 ::placeholder ::selection 과 같은 것들은 반드시 :: 써야 합니다.
CSS3에서 새로 생긴 가상클래스가 아니면 : 또는 :: 어느 것을사용해도 상관 없습니다..
p::selection {
color: red;
background-color: yellow;
}
input::placeholder {
border: 2px solid red;
}
답글