CSS Hacks: ::전 및 ::후는 무엇입니까?

반응형

::앞 및 ::뒤는 CSS 유사 요소입니다. 해당 요소의 앞이나 뒤에 내용을 추가할 수 있습니다. 이것이 구문입니다.

.class::after {
    content: "some content"
}

유사 클래스와 함께 사용하여 이벤트 발생 시 콘텐츠를 추가할 수 있습니다. 아래 예제에서는 호버 이벤트가 있을 때 텍스트가 추가됩니다.

::앞 및 ::뒤에 유사 요소를 내용 없이 추가할 수 있으며 문서에 스타일을 추가하는 데 사용할 수 있습니다. 다음 예에서는 ::after 및 변환 속성으로 가리킬 때 경계를 추가하는 방법을 보여 줍니다.

 

::전, ::후로 또 무엇을 할 수 있습니까? 아래에 댓글을 남겨주세요.