가상 요소 선택자란 ?

- 선택자 ABC 요소의 내부 앞에 내용(Content)을 삽입.

<div class="box">
  // 이 부분에 삽입
	Content!
</div>

.box::before {
	content: "앞!";
}

결과 : 앞! Content!

<div class="box">
	Content!
    // 이 부분에 삽입
</div>

.box::after {
	content: "뒤!";
}

결과 : Content! 뒤!

before와 after는 반드시 content와 함께 사용해야한다 !