CSS :is() pseudo-class

정의와 사용법

CSS :is() pseudo-class는 괄호 내의 모든 요소에 동일한 스타일을 적용하기 위해 사용됩니다.

:is() pseudo-class는 쉼표로 구분된 선택자 목록을 매개변수로 필요합니다.

ヒント:HTML 부분과 제목을 처리할 때:is() pseudo-class는 매우 유용합니다.

다음 예제를 참조하세요:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  color: green;
}

同等한 것은:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  color: green;
}

예제

p.intro, <ul>, <ol> 요소에 적용되는 빨간 텍스트 색상을 설정합니다:

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

직접 시도해 보세요

CSS 문법

:is(선택자 목록) {
  css 선언;
}

기술 세부 사항

브라우저 지원

표中的 숫자는 이伪클래스를 최초로 완전 지원하는 브라우저 버전을 지정합니다.