CSS :is() 选择器

CSS :is() 选择器是CSS Level 4新增的一种选择器，它允许多个选择器被组合在一起，以便在一个规则集中同时匹配多个元素。

用法

:is(selector1, selector2, ...)

其中，selector1, selector2为选择器列表，可以是任意的合法选择器。

示例

下面是一个简单的示例，它将匹配所有class为red或blue的p元素，并将它们的文本颜色设置为红色。

p:is(.red, .blue) {
  color: red;
}

兼容性

由于这是CSS Level 4的新特性，它还没有被所有的主流浏览器所支持。目前，只有Chrome和Firefox浏览器支持它。

为了增强兼容性，你可以使用CSS前缀来支持更多的浏览器。示例代码如下：

p:-webkit-any(.red, .blue),
p:-moz-any(.red, .blue),
p:any(.red, .blue) {
  color: red;
}

总结

CSS :is() 选择器是CSS Level 4新增的一种选择器，它允许多个选择器被组合在一起，以便在一个规则集中同时匹配多个元素。虽然目前兼容性不够完善，但它是一种非常有用的选择器，可以帮助我们更容易地书写复杂的CSS样式。