inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

네이버 반응형 회원가입 폼(3)

css pseudo ':' vs '::' 차이 공유합니다.

397

g b
1

':' : pseudo-class 

'::' : pseudo-element

ex)a::before, a::after

과거에는 ':' 하나로 모두 통용되었지만, 최근 spec에서는 두개를 구별하여 사용한다. 대부분 브라우저에서 지원.

(물론 ':'을 사용해도 error가 아니다.)

답변 1

0

코딩웍스(Coding Works)

좋은 팁 감사합니다. 한가지 덧붙이자면

CSS2 버전까지는 :before 이렇게 써왔고 CSS3에서 ::before로 꼭 써야 하는건 아닙니다.

CSS3에서 새로 생긴 가상클래스 예를 들어 ::placeholder   ::selection 과 같은 것들은 반드시 :: 써야 합니다.

CSS3에서 새로 생긴 가상클래스가 아니면 : 또는 :: 어느 것을사용해도 상관 없습니다..

p::selection {

    color: red;

    background-color: yellow;

}

input::placeholder {

   border: 2px solid red;

}