>  기사  >  웹 프론트엔드  >  CSS 선택기는 무엇을 의미합니까?

CSS 선택기는 무엇을 의미합니까?

藏色散人
藏色散人원래의
2020-12-14 09:21:232161검색

css 선택기는 스타일을 지정해야 하는 태그를 선택하는 데 도움이 됩니다. 1. id 선택기 3. 태그 선택기 5. 하위 선택기; . 와일드카드 선택기 등.

CSS 선택기는 무엇을 의미합니까?

이 튜토리얼의 운영 환경: windows7 시스템, css3 버전, thinkpad t480 컴퓨터.

css 선택기(selector)는 스타일을 지정해야 하는 태그를 선택하는 데 도움이 될 수 있습니다. 각 CSS 스타일 정의는 다음 형식의 두 부분으로 구성됩니다. 선택기 {스타일} {} 앞의 부분은 "선택기"입니다.

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

CSS의 선택자(selector)란 무엇인가요?

id 선택기(예: # myid): ID가 "myid"인 모든 요소와 일치합니다.

클래스 선택기(예: myclassname): 클래스가 "myclassname"과 동일한 모든 요소와 일치합니다.

라벨 선택기(예: div, h1, p): 지정된 요소 이름을 가진 모든 요소를 ​​선택합니다.

인접 선택기(예: h1 + p): 지정된 첫 번째 요소 바로 뒤에 있는 요소를 선택하는 데 사용됩니다(내부적으로는 아님).

하위 선택기(예: ul > li): 특정 상위 요소가 있는 요소를 선택하는 데 사용됩니다. 예를 들어 상위가 각

  • 요소인 모든
      요소를 선택합니다. (권장: "css 비디오 튜토리얼")

      하위 항목 선택기(예: li a): 요소 내부의 요소를 선택하는 데 사용됩니다.

      와일드카드 선택기( * ): 모든 요소와 일치합니다.

      속성 선택기(a[rel = "external"] 등): 특정 속성을 가진 요소를 선택합니다.

      의사 클래스 선택기(a: hover, li:nth-child 등)

      더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

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

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