>  기사  >  웹 프론트엔드  >  CSS에는 어떤 선택자가 있습니까?

CSS에는 어떤 선택자가 있습니까?

零下一度
零下一度원래의
2017-06-30 11:09:061837검색

먼저 어떤 선택자가 있는지 살펴볼까요? ? ?
1. 기본 선택기:
html 태그 선택기: html 태그를 통해 요소를 선택합니다.
①모든 html 태그를 선택자로 사용할 수 있습니다.
②태그가 아무리 숨겨져 있어도 선택됩니다.
③ 특정 태그 대신 모든 태그를 선택하세요.
따라서 html 태그 선택기를 통해 설정한 내용은 몇 가지 일반적인 문제입니다.
id 선택기:
① 모든 태그는 id 속성과 속성 값을 가질 수 있습니다(id는 전역 속성이기 때문입니다). ID 이름은 임의로 지정할 수 없습니다.
대소문자를 구분하며 ID 이름은 숫자, 문자, 밑줄을 포함할 수 있지만 문자로 시작해야 합니다.
낙타 케이스 명명법: 작은 낙타 케이스 명명법, 큰 낙타 케이스 명명법.
예: testStudent(작은 카멜 케이스) TestStudent(큰 카멜 케이스)
②id의 이름은 중복해서 지정할 수 없습니다.
클래스 선택기:
①모든 태그는 클래스 속성을 사용할 수 있습니다(클래스 속성도 전역 속성입니다).
②클래스 속성 이름은 중복될 수 있습니다.
③클래스 속성은 여러 클래스 속성 값을 가질 수 있습니다.

둘: 종합 선택자
1. 하위 선택자(div p)
2. 교차 선택자(div.p)
3. 결합 선택자(div, p)
4 하위 요소 선택자(div>p )
5 시퀀스 선택자( ul li:first-child; ul li:last-child)
6 인접 형제 선택자(div+p)
7 일반 형제 선택자(div~p)

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

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