>  기사  >  웹 프론트엔드  >  CSS3의 새로운 기능 소개

CSS3의 새로운 기능 소개

零下一度
零下一度원래의
2017-07-20 17:22:391318검색

의사 클래스 선택기

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

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

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

  5. E:

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

    E:
  6. nth-last-child(n)
  7. :

    E:
  8. only-child를 선택합니다. 요소의 n번째 하위 요소 중
  9. : 상위 요소에 속하는 유일한 하위 요소를 선택합니다(하나만 선택할 수 있음)

    E:
  10. only-of-type
  11. : 다음과 같은 유일한 형제 요소를 선택합니다. 상위 요소

    E:
  12. nth-of-type(n)
  13. 에 속합니다. 동일한 유형의 n번째 형제 요소 E와 일치합니다.

    E:
  14. nth-last-of-type(n)
  15. : 동일한 유형의 두 번째 n번째 형제 요소 E와 일치

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

  17. a:
link

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


a:
    visited
  1. : 링크 주소를 방문한 후 하이퍼링크 a의 스타일을 설정

    a:
  2. hover
  3. : 마우스를 올렸을 때 요소의 스타일을 설정합니다.

    a:
  4. active
  5. : 사용자가 요소를 활성화할 때 요소를 설정합니다(마우스 클릭과 놓기 사이에 발생하는 이벤트). the time

    :
  6. Root
  7. : 문서의 루트 요소를 선택합니다.

e:
empty

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

  1. E:

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

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

    disabled
  6. : 비활성화된 각 E 요소를 선택합니다(텍스트 상자에는 비활성화된 속성이 있음)
  7. E::selection: 사용자가 선택한 요소의 일부를 선택합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.