Pseudo Element

::after

::before

::first-letter

::first-line

 

::after  

 

 

선택한 요소의 맨 마지막 자식으로 의사 요소를 하나 생성한다.

보통 content 속성과 함께 찍지어, 요소에 장식용 콘텐츠를 추가할 때 사용한다. 기본값은 인라인!

 

::before  

 

 

선택한 요소의 첫 자식으로 의사 요소를 하나 생성한다.

보통 content 속성과 함께 찍지어, 요소에 장식용 콘텐츠를 추가할 때 사용한다. 기본값은 인라인!

 

 

::first-letter

 

 

첫번째 문자를 선택하는 선택자.

 

 

::first-line

 

 

첫번째 줄을 선택하는 가상 요소. 블록 요소에만 적용 가능.

 

 

 

! :after, :before 와 ::after, ::before의 차이점은?

 

=> ::은 CSS3에서 도입된 문법, pseudo-class와 pseudo-element를 구별하기 위해 만들어진 CSS3 문법.

:은 IE 8 version에서만 지원하는 구식의 문법으러 더 이상 쓰이지 않음.