가상선택자 ::before ::after

▶ 가상선택자

CSS를 이용해서 특정 블록요소 안쪽에서 가상으로 선택하는 요소

 

요소:: before -> 블록요소 안쪽에서 제일 앞부분에 컨텐츠를 삽입(인라인)

요소:: after-> 블록요소 안쪽에서 제일 뒷부분에 컨텐츠를 삽입(인라인)

 

필수 속성 값 {content:'';}

 

1. 화면을 동적으로 꾸며줄 때 사용

2. float을 해제할 때 사용

 

 

요소:hover -> 특정요소에 마우스를 올렸을 때 (상황)