css 기초4 가상 요소

# 가상 요소

 

1.ABC::before

선택자 ABC 요소의 내부 앞에 내용을 삽입

 

예시

.box::before {

content: ‘앞’;

}

 

<div class=‘box’>

 

blue

 

</div>

 

라고 되어 있을때 

box클래스에 해당하는 요소 앞에 ‘앞’이라는 글자를 삽입한다.

 

출력 결과물로는 앞 blue가 되겠다.

---

2.ABC::after

before와 원리가 같다.