의사 클래스 선택기
E:first-of-type: 동일한 유형의 첫 번째 형제 요소 E와 일치
-
E:last-of-type : 동일한 유형의 마지막 형제 요소 E와 일치합니다.
E: last-child: - 부모 요소의 마지막 n번째 하위 요소와 일치합니다. 첫 번째 숫자는 1
- E:
nth-child(n): 상위 요소에 속하는 요소를 선택합니다.
E: nth-last-child(n)- :
E: only-child를 선택합니다. 요소의 n번째 하위 요소 중 - : 상위 요소에 속하는 유일한 하위 요소를 선택합니다(하나만 선택할 수 있음)
E: only-of-type- : 다음과 같은 유일한 형제 요소를 선택합니다. 상위 요소
E: nth-of-type(n)- 에 속합니다. 동일한 유형의 n번째 형제 요소 E와 일치합니다.
E: nth-last-of-type(n)- : 동일한 유형의 두 번째 n번째 형제 요소 E와 일치
-
하이퍼링크 상태 순서:
a:
link
: 방문하기 전에 하이퍼링크 a의 스타일 설정
a:
visited- : 링크 주소를 방문한 후 하이퍼링크 a의 스타일을 설정
a: hover- : 마우스를 올렸을 때 요소의 스타일을 설정합니다.
a: active- : 사용자가 요소를 활성화할 때 요소를 설정합니다(마우스 클릭과 놓기 사이에 발생하는 이벤트). the time
: Root- : 문서의 루트 요소를 선택합니다.
e:
empty
: 하위 요소(텍스트 노드 포함)가 없는 각 E 요소를 선택합니다.
-
E:
checked: 사용자 인터페이스에서 선택한 요소 E와 일치합니다. (입력 유형이 라디오 및 체크박스인 경우 주로 사용됨)-
E:
enabled : 활성화된 각 E 요소를 선택합니다(텍스트 상자에는 비활성화 속성이 없습니다)-
E :
disabled : 비활성화된 각 E 요소를 선택합니다(텍스트 상자에는 비활성화된 속성이 있음) E::selection: 사용자가 선택한 요소의 일부를 선택합니다.
위 내용은 CSS3의 새로운 기능 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!