css에서 before와 after란?

css 가상 요소로 css를 활용해서 가상의 element를 추가하는 코드이다.

before는 html 앞쪽에 after는 html 끝쪽에 추가된다.

.some-class::before {
  content: "";
  ...
}
.some-class::after

다음과 같이 사용된다.

content=”” 을 같이 써줘야 한다.