CSS :is() 伪类

定义和用法

CSS :is() 伪类用于同时为括号内的所有元素应用相同的样式。

:is() 伪类需要一个以逗号分隔的选择器列表作为其参数。

提示：在处理 HTML 部分和标题时，:is() 伪类非常有用。

请看以下示例：

: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(selector-list) {
  css declarations;
}

技术细节

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。