CSS 선택기 란 무엇입니까?

css 선택기는 CSS 스타일 속성 및 CSS 속성 선택기라고도 합니다. CSS의 "선택기"는 "{}"의 "스타일" 개체, 즉 "스타일"이 웹 페이지에서 작동하는 요소를 지정합니다. 일반적으로 사용되는 선택자는 태그 이름 선택자, 클래스 선택자, ID 선택자, 파생 선택자, 하위 요소 선택자 및 그룹 선택자로 나눌 수 있습니다.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

CSS의 선택기는 무엇을 의미하나요?

CSS를 사용하여 HTML 페이지의 요소를 일대일, 일대다 또는 다대일 제어하려면 CSS 선택기를 사용해야 합니다. HTML 페이지의 요소는 CSS 선택기를 통해 제어됩니다.

일반적으로 사용되는 선택기는 태그 이름 선택기, 클래스 선택기, ID 선택기, 파생 선택기, 하위 요소 선택기, 그룹 선택기, 의사 요소 선택기로 나눌 수 있습니다.

각 CSS 스타일 정의는 두 부분으로 구성되며 형식은 다음과 같습니다. 선택기 {style}, {} 앞 부분이 "선택기"입니다.

"선택기"는 {}의 "스타일" 개체, 즉 "스타일"이 작동하는 웹페이지의 요소를 지정합니다.

Css 선택기는 CSS 스타일 속성, CSS 속성 선택기라고도 합니다.

1. 태그 이름 선택기: 태그 이름을 통해 지정된 태그를 찾습니다.

형식: 요소 이름 { }

2. 클래스 선택기: 태그의 클래스 속성 값을 통해 지정된 태그를 선택합니다. 클래스 값

형식: .d1{}

3. ID 선택자: ID로 태그를 찾습니다. html 파일에서 ID는 반복될 수 없습니다.

형식: #id{}

4. : 경로와 유사하게 요구 사항을 충족하는 태그를 찾으면 모든 하위 태그와 일치합니다.

형식: ul li a{} #id li a{}

5 하위 요소 선택기: 하위 요소와 유사하지만 하위 요소만 가능합니다.

형식: ul>li>a{}

6. 그룹 선택기: 여러 선택기를 결합하여 스타일을 균일하게 설정할 수 있습니다.

형식: h1,h2,#abc,.m{ }

7. 요소 선택기: 의사 요소 선택기는 요소의 상태를 선택합니다. 상태는 다음 유형으로 나뉩니다.

링크는 요소를 클릭하지 않은 상태를 나타냅니다.

hover는 마우스를 가리키고 있을 때의 상태를 나타냅니다.

활성 상태입니다. 클릭했을 때 요소의 상태를 나타냅니다

visited 클릭한 후 요소의 상태를 나타냅니다. 형식: #id:hover{ }

[권장 학습: "css video tutorial"]

위 내용은 CSS 선택기 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!