：where（）也有一个很酷的特异性技巧。

:is() and :where()是CSS伪选择器具有相似功能，但特异性的差异很大。最近，由于更广泛的浏览器支持，简化了复杂的选择器，因此:is()获得了知名度。但是， :where()在控制特异性方面具有至关重要的优势。

:is()继承其最具体论证的特异性。这对于提高特异性而不添加额外的类别可能是有利的，如：

 ：is（.button，＃增加＃特殊性）{
  / *特异性提高 */
}

相反， :where()总是具有零特异性，而不论其论点如何。这对于在较高特异性选择器可能无意中覆盖更通用样式的情况下降低特异性特别有用。考虑此示例：

 .card：is（.title，p）{ / *由于.title * /
  颜色：红色；
}

.Card P { / *较低特异性 * /
  颜色：黄色；
}

在这里， red胜利是由于:is()的继承特异性。切换到:where()改变结果：

 .Card：where（.title，p）{ / *零特异性 * /
  颜色：红色；
}

.Card P { / *较低的特异性，但仍然赢了 * /
  颜色：黄色；
}

现在， yellow占上风，因为:where()的特异性较低。

选择:is()和:where()取决于您的特定需求。通常，首先为了简单而开始使用:is() 。但是，如果遇到特异性冲突， :where()提供了一种强大的工具来管理和降低特异性，以防止意外的样式覆盖。虽然通常首选低特异性， :where()可能引入其自身的复杂性。因此，平衡方法是关键 - 使用:is()除非您需要以下提供的精确特异性控制:where() 。

以上是：where（）也有一个很酷的特异性技巧。的详细内容。更多信息请关注PHP中文网其他相关文章！