CSS:: 선택한 요소 앞에 선택 내용이 삽입됩니다. CSS: 지정된 요소 뒤의 삽입 내용 뒤. 이러한 선택기는 일반적으로 단락이나 링크의 앞이나 뒤에 텍스트를 추가하는 데 사용됩니다.
웹사이트를 디자인할 때 페이지의 콘텐츠 앞이나 뒤에 콘텐츠를 추가할 수 있습니다. 요소. 예를 들어, 목록의 각 글머리 기호 앞에 이미지를 추가할 수 있습니다.
여기:: 전후:: 의사 CSS 요소가 들어옵니다. 이러한 의사 요소를 사용하면 앞이나 뒤에 내용을 삽입할 수 있습니다. 요소의 내용 뒤에 있습니다.
이 자습서에서는 예제를 참조하여 웹 페이지의 내용을 장식하기 위해:: before 및 after:: 의사 요소를 사용하는 방법에 대해 설명합니다. 이 튜토리얼을 다 읽을 때쯤이면 CSS에서:: before and after:: pseudo-elements를 사용하는 전문가가 될 것입니다.
CSS pseudo-elements
A pseudo-elements element는 CSS 선택기로 선택한 요소의 특정 부분에 스타일을 지정할 수 있는 특수 키워드입니다. 이 기사에서는 각 의사 요소가 선택기이기 때문에 의사 요소를 선택자로 부를 것입니다.
의사 요소는 CSS 또는 클래스 ID 를 요소에 추가합니다. 예를 들어, 웹 페이지의 각 링크 뒤에 ">" 화살표를 추가하려는 경우 유사 요소를 사용할 수 있습니다.
CSS는 다양한 유사 요소를 제공합니다. 특히:: 첫 번째 줄,:: 첫 글자,:: 전후::. 이 튜토리얼의 목적을 위해, 우리는 마지막 두 개의 ::::: 전후에 초점을 맞출 것입니다.
의사 요소는 일반적으로 콜론(::)을 사용하여 표시됩니다. CSS3는 의사 요소를 선언하기 위해 단일 점(:) 구문 사용을 지원하지만 콜론 표기법을 사용하는 것이 가장 좋습니다.