가상 요소

가상 요소는 해당 html 요소의 특정 부분만을 선택할 때 사용합니다.

문법 👉 선택자::가상요소이름 { 속성 : 속성값;}

대표적인 가상 요소

• ::first-letter 👉 텍스트의 첫 글자만을 선택합니다. 블록 레벨 요소에만 사용할 수 있습니다.
• ::first-line 👉 텍스트의 첫 라인만을 선택합니다. 블록 레벨 요소에만 사용할 수 있습니다.
• ::before 👉 특정 요소의 내용 바로 앞에 요소를 생성해 추가할 때 사용합니다.
• ::after 👉 특정 요소의 내용 바로 뒤에 다른 요소를 생성해 추가할 때 사용합니다.
• ::selection 👉 해당 요소에서 사용자가 선택한 부분만을 선택할 때 사용합니다.
• ::maker 👉 목록 기호의 스타일을 적용할 때 사용합니다.
• ::placeholder 👉 입력 요소의 속성인 placeholder 의 스타일을 지정합니다.