CSS3의 새로운 기능 소개

의사 클래스 선택기

1. E:first-of-type: 동일한 유형의 첫 번째 형제 요소 E와 일치

2. E:last-of-type : 동일한 유형의 마지막 형제 요소 E와 일치합니다.

   E:
last-child:
3. 부모 요소의 마지막 n번째 하위 요소와 일치합니다. 첫 번째 숫자는 1

4. E:

   nth-child(n): 상위 요소에 속하는 요소를 선택합니다.

   E:
nth-last-child(n)
5. :
   E:
only-child를 선택합니다. 요소의 n번째 하위 요소 중
6. : 상위 요소에 속하는 유일한 하위 요소를 선택합니다(하나만 선택할 수 있음)
   E:
only-of-type
7. : 다음과 같은 유일한 형제 요소를 선택합니다. 상위 요소
   E:
nth-of-type(n)
8. 에 속합니다. 동일한 유형의 n번째 형제 요소 E와 일치합니다.
   E:
nth-last-of-type(n)
9. : 동일한 유형의 두 번째 n번째 형제 요소 E와 일치

10. 하이퍼링크 상태 순서:

a:

link

: 방문하기 전에 하이퍼링크 a의 스타일 설정

---

a:

visited
1. : 링크 주소를 방문한 후 하이퍼링크 a의 스타일을 설정
   a:
hover
2. : 마우스를 올렸을 때 요소의 스타일을 설정합니다.
   a:
active
3. : 사용자가 요소를 활성화할 때 요소를 설정합니다(마우스 클릭과 놓기 사이에 발생하는 이벤트). the time
   :
Root
4. : 문서의 루트 요소를 선택합니다.

e:

---

empty

: 하위 요소(텍스트 노드 포함)가 없는 각 E 요소를 선택합니다.

1. E:

   checked:
사용자 인터페이스에서 선택한 요소 E와 일치합니다. (입력 유형이 라디오 및 체크박스인 경우 주로 사용됨)

2. E:

   enabled
: 활성화된 각 E 요소를 선택합니다(텍스트 상자에는 비활성화 속성이 없습니다)

3. E :

   disabled
: 비활성화된 각 E 요소를 선택합니다(텍스트 상자에는 비활성화된 속성이 있음)

4. E::selection: 사용자가 선택한 요소의 일부를 선택합니다.

위 내용은 CSS3의 새로운 기능 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!