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