before은 실제 내용 바로 앞에서 생성되는 자식요소를 말한다.

after은 실제 내용 바로 뒤에서 생성되는 자식요소를 말한다.

before과 after을 사용할 때는 content: '';가 붙는데, content는 before와 after를 꼭 함께하는 content는 가짜 속성이다. 왜냐하면 html 문서에 정보로 포함되지 않은 요소를 css에서 새롭게 생성시켜주기 때문이다.