::before ::after 가상클래스

가상클래스 ::before, ::after 요소

 

• 인라인(inline) 요소
• content: '' ➡ ''안에 텍스트를 작성하지 않더라도 무조건 content를 작성해줘야 표시됨
• ::before의 위치 ➡ HTML요소::before를 사용한 HTML요소 안 맨 앞
• ::after의 위치 ➡ HTML요소::after를 사용한 HTML요소 안 맨 뒤
• HTML요소를 기준으로 사용하려면 HTML요소에 display:relative 주고, before,after에 display:absolute 주면 됨