[CSS] 가상 요소 선택자(Pseudo-Elements Selectors)

가상 요소 선택자(Pseudo-Elements Selectors) - CSS를 통해 HTML에 가상 요소를 생성해서 제공. - 가상 요소 선택자의 기호는 :: 1. before - E 요소 내부의 앞에 내용, contents를 삽입. - 사용 방법 E::before - 가상 요소를 삽입하는 것. 가상 요소 선택자 ::before 사용 예시 - 가상 요소 선택자 사용 시에는 content 속성을 반드시 작성해야 함. 가상 요소 선택자 ::before 사용 예시(2) - 작성하지 않을 경우 위의 예시와 같이 아무것도 적용되지 않음. - 내용을 적지 않더라도 필수로 사용해야 함. - 별도의 내용을 적지 않을 경우 content: "";와 같이 작성. 2. after - E 요소 내부 뒤에 내용, contents를 삽입 - 사용법 E::after 가상 요소 선택자 ::after 사용 예시 ※ before/after의 경우 앞뒤에 가상의 요소를 넣는 것이므로 텍스트뿐 아니라 이미지도 넣을 ...

원문링크 : [CSS] 가상 요소 선택자(Pseudo-Elements Selectors)