Selectors

  • account_tree
  • bug_report

Logical Combinations

논리적인 연산을 통해 대상을 선택하는 방식이다.

관련 선택자 유형

  • :has()

    관계적인 논리를 판단하는 함수형 가상 클래스이며 인수로 지정된 선택자(<forgiving-relative-selector-list>)가 이 요소에 대해 연결자가 의미하는 관계를 가지고 하나 이상의 요소와 일치하는 경우 선택한다.
  • :is()

    인수로 주어진 <forgiving-selector-list>에서 일치하는 선택자 항목의 존재 여부 결과를 최종 선택하는데 사용한다.
  • :not()

    부정 가상 클래스 함수로 인수로 지정된 선택자를 부정하는 요소만 선택자로 사용이 된다.
  • :where()

    특이성 조정 가상 클래스 :where():is()와 동일한 구문 및 기능을 가진 함수형 가상 클래스이다. 인수로 지정된 선택자 목록에서 개별적으로 일치한다면 일치된 모든 대상을 선택한다.
  • Selector Lists

    2개 이상의 선택자들을  콤마(,)로 구분하여 그룹으로 묶어 선택자로 사용한다.

W3C Modules

Selectors Level 4 - Logical Combinations
W3C Working Draft, 11 November 2022