Pseudo-elements

가상 클래스가 존재하는 요소의 상태를 바꾸는 것이라면, **가상 요소(Pseudo-elements)**는 실제 HTML에는 존재하지 않는 가상의 요소를 CSS로 만들어서 스타일을 적용하는 기술입니다. 가상 요소를 사용하면 순전히 장식적인 목적을 가진 <span>이나 <div> 태그를 HTML에 추가할 필요 없이, CSS만으로 원하는 디자인을 구현할 수 있습니다. 이를 통해 HTML은 콘텐츠의 의미와 구조에만 집중할 수 있어 훨씬 깔끔하고 시맨틱(semantic)한 코드를 유지할 수 … Read more