CSS :where() 위상pseudo 클래스

정의와 사용법

CSS :where() 위상pseudo 클래스는 괄호 내의 모든 요소에 동일한 스타일을 적용하기 위해 사용됩니다。

:where() 위상pseudo 클래스는 컴마로 구분된 선택자 목록을 파라미터로 필요합니다。

:where() 위상pseudo 클래스와 :is() 위상pseudo 클래스와 유사하지만, 특성에서 차이가 있습니다：:where() 의 특성은 항상 0이며, :is() 의 특성은 그 파라미터 중 가장 구체적인 선택자에 따라 결정됩니다。

예제

p.intro, <ul>, <ol> 요소에 적용되는 글자 색상을 빨간색으로 설정합니다：

:where(p.intro, ul, ol) {
  color: red;
}

직접 시도해 보세요

CSS 문법

:where(selector-list) {
  css 선언;
}

기술 세부 사항

브라우저 지원

표格에 표시된 숫자는 이 가상 클래스를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다。