kohigowild

🔍 가상 요소란? 의사 요소라고도 함 👉🏻 https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements CSS 가상 요소는 선택자로 선택한 요소에 추가하는 키워드로 선택한 요소의 지정된 부분에 스타일을 적용한다. 가상 클래스(ex. :hover)처럼 선택자에 추가되고, 존재하지 않는 요소를 존재하는 것처럼 부여하여 HTML에 새로운 요소를 추가한 것처럼 동작한다. 많이 사용하는 가상 요소의 종류 ::before 요소 앞에 새로운 컨텐츠 추가 ::after 요소 뒤에 새로운 컨텐츠 추가 ::first-line 웹 브라우저에 보이는 상태를 기준으로 요소 텍스트 첫 글자 선택 ::first-letter 웹 브라우저에 보이는 상태를 기준으로 요소 텍스트 첫 줄 ..