> 웹 프론트엔드 > CSS 튜토리얼 > 의사 클래스 선택기 사용법 요약

의사 클래스 선택기 사용법 요약

伊谢尔伦
풀어 주다: 2017-06-11 09:15:21
원래의
2249명이 탐색했습니다.

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

1. CSS3 선택기의 자세한 소개 및 사용법 요약

의사 클래스 선택기 사용법 요약

소개: 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)은 그 중 두 가지입니다. 이 두 사람을 이해하면 기본적으로 그들과 그 가족의 다른 형제들을 이해할 수 있습니다. 먼저 이 두 가지를 텍스트 언어로 설명합니다.

3. CSS의 선택자 유형 요약 및 효율성 비교 예

의사 클래스 선택기 사용법 요약

소개: 이 문서에서는 주로 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 의사 클래스 선택기, 인접한 이전 태그를 선택하고 제어하는 ​​방법은 무엇입니까?

css3 - CSS

에서 의사 클래스 선택기와 의사 객체 선택기의 차이점은 무엇인가요?

위 내용은 의사 클래스 선택기 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿