CSS3에는 더 적은 수의 js 이벤트 스크립트를 작성할 수 있는 많은 강력한 선택기가 추가되었습니다. 먼저 각 버전의 선택기를 살펴보겠습니다. 참고: ele는 요소 요소를 나타내고, attr은 속성 속성을 나타내며, val은 값 속성 값을 나타냅니다. 그것들은 모두 의사 클래스 선택기에 속하며, ::xxx는 이름이 있는 선택기입니다. 선택기 유형 예제 설명은 모든 요소를 선택합니다. class 포함 데모 #idID 선택기 #unique id가 고유한 모든 요소를 선택합니다. ele 요소 선택기 p는 모든 p 요소를 선택합니다. ele, ele 병렬 선택기 h1, h2는 모든 h1 요소와 h2 요소를 선택합니다. ele ele 자손 선택기 p p는 해당 클래스 내의 모든 p 요소를 선택합니다. p 요소. :link 의사 클래스 선택기 a:link는 방문하지 않은 링크 선택:방문한 의사 클래스 선택기 a:visited는 방문한 링크 선택:활성 의사 클래스 선택기 a:active는 활성 링크 선택:hover 의사 클래스 선택기 a:hover는 mouse
소개: CSS3에는 더 적은 양의 js 이벤트 스크립트를 작성할 수 있는 많은 강력한 선택기가 추가되었습니다. 각 버전의 선택기를 살펴보세요. 참고: ele는 요소 요소를 나타내고, attr은 속성 속성을 나타내며, val은 값 속성 값을 나타냅니다. xxx는 모두 의사 클래스 선택기에 속하고, ::xxx는 모두 의사 요소 선택기에 속합니다. 이름이 있는 선택기에 대해 최대한 자세히 설명하려고 노력하세요. 분할된 CCS1 선택기 유형 예시 설명 .class class selector .demo
2 2개의 의사 클래스 선택기 소개: E:nth-child(n) 및 E:n번째 유형(n) )
소개: 구조적 의사 클래스는 CSS3의 새로운 유형 선택자입니다. E:nth-child(n)와 E:nth-of-type(n)은 그 중 두 가지입니다. 이 두 사람을 이해하면 기본적으로 그들과 그 가족의 다른 형제들을 이해할 수 있습니다. 먼저 이 두 가지를 텍스트 언어로 설명합니다.
소개: 이 문서에서는 주로 CSS의 선택자 유형을 소개합니다. 의사 클래스 선택기 및 의사 요소 선택기 등을 포함한 유형 및 효율성 비교. 필요한 친구는
4를 참조하세요. 다양한 CSS 선택기 및 가져오기 스타일 시트 가져오기 및 일부 의사 클래스 선택에 대한 자세한 설명
소개: 이 문서에서는 다양한 CSS 선택기와 가져오기 스타일 시트 및 일부 의사 클래스 선택기에 대해 설명합니다. 소개: 다수 사람들은 CSS가 매우 간단하다고 생각하지만 실제로 CSS를 잘 작성하는 것은 쉽지 않습니다. CSS의 각 항목에는 실제로 많은 내용이 있습니다. CSS 선택자는 대략 5가지 범주로 나눌 수 있습니다. 관계 선택기 속성 선택기 의사 클래스 선택기 의사 객체 선택기 요소 선택기...
6. css3 구조적 의사 클래스 선택자의 영리한 사용
소개: CSS3 구조적 의사 클래스 선택자의 영리한 사용 클래스 선택자
7. 가상 클래스 선택자와 인라인 요소에 대한 약간의 혼동_html/css_WEB-ITnose
소개: 의사 클래스 선택자 인라인 요소에 대한 약간의 혼란
8. (기본 선택자, 속성 선택자, 의사 클래스 선택자, 선택자 전략)_html/css_WEB-ITnose
소개: CSS3 선택자(기본 선택자, 속성 선택자, 의사 클래스 선택자, 선택자 전략)
9. CSS3:nth-child() 의사 클래스 selector_html/css_WEB-ITnose
소개: CSS3 :nth-child() 의사 클래스 선택기
10. css 사용법 소개:first-child 의사 클래스 selector_html/css_WEB-ITnose
css 사용법 소개 첫 번째 자식 의사 클래스 선택자
[관련 Q&A 권장 사항]:
html5 - CSS 의사 클래스 선택자 정보: nth-of-type(n) 선택자
css - 특정 항목을 찾는 방법 지정된 순서의 이름 요소 유형
javascript - JQuery 하위 요소 의사 클래스 선택기: nth-child(n)에서 n 값이 사용자 정의 변수를 사용할 수 있습니까?
css3 - CSS 의사 클래스 선택기, 인접한 이전 태그를 선택하고 제어하는 방법은 무엇입니까?
에서 의사 클래스 선택기와 의사 객체 선택기의 차이점은 무엇인가요?위 내용은 의사 클래스 선택기 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!