2017-01-12 1 views
-4

의사 요소는 가상 요소와 비슷하지만 많은 요소가 요소보다 클래스와 유사하다고 생각됩니다.왜 일부 의사 요소는 의사 클래스처럼 보입니까?

예 : :: PLACEHOLDER :: 선택 :: 첫 번째 라인 :: 첫 번째 레터 :: BACKDROP

누군가가 이것들을 요소가 아닌 클래스로 간주하는 방법을 설명 할 수 있습니까? 새로운 요소를 만들지 않고 특정 상황에서만 수업을 적용합니다.

+0

Google에 사용할 수 없습니까? https://developer.mozilla.org/en/docs/Web/CSS/Pseudo-elements – Pete

+0

@Pete, 해당 페이지의 아무 것도 내 질문에 대답하지 않습니다. –

+1

대략 : * 의사 요소는 선택자에 추가되지만 특수한 요소를 설명하는 대신 상태를 사용하면 요소의 특정 부분을 스타일화할 수 있습니다. * 의사 클래스에 대한 링크를 따라 가면 * CSS 가상 클래스는 선택 될 요소의 특수한 상태를 지정하는 선택기에 추가 된 키워드입니다. * – Pete

답변

2

의사 클래스는 상태가 조건과 일치 할 때 기존 요소를 대상으로합니다.

aa:visited을 타겟팅 할 수 있으며 방문한 상태 일 때 정확하게 동일한 '일치'로 일치합니다.

가짜 요소는 그 자체로 요소가 아닌 것을 대상으로합니다. 요소의 :first-line은 완전한 DOM 노드는 아닙니다.

+0

배경 화면은 어떻습니까? –

+1

@FrazerKirkman - [mdn] (https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop) - *이 가상 요소는 요소 바로 아래에 렌더링 된 상자입니다. - 그래서 ':: before'와 같이 완전히 새로운 것입니다. – Quentin