什么是:isvs.:where?:is()和:where()都是伪类函数,可以在创建选择器时帮助缩短和停止重复。它们都接受选择器的参数数组(id、类、标签等)并选择可以在该列表中选择的任何元素。这对于如何帮助我们编写更短的选择器可能没有多大意义,所以让我们尝试使用:where()和:is()。如何使用:is和:where?:where()可以帮助我们解决这样的问题。btnspan>a:hover,#headerspan>a:hover,#footerspan>a:hover{...}变成这样:where(.btn,#header,#footer)span>a:hover{...}和:is()可以帮助将相同的示例添加到this(.btn,#header,#footer)span>a:hover{...}:与:where有何不同?:where()和:is()看起来和功能都一样,但要记住一个区别,那就是它们有不同的特殊性。:where()很简单,它的特异性永远为0,而:is()是最强的选择器。什么是CSS特异性(简而言之)?CSS中有四个级别的特殊性。每个级别或类别都有不同的分数,我们可以将所有分数相加来计算选择器的特异性。无论哪个选择器的数量最多,元素的样式都会应用到该元素,这就是为什么有时当您编写CSS时,您的样式不会被应用并且会在开发工具中显示为破折号。特异性评分ID-特异性评分100内联样式-特异性评分1000元素和伪类-特异性评分1类、伪类和属性-特异性评分10示例button.btn{color:red;}.btn{color:green;}.btn=10button.btn=1+10=11如果我们将.btn类放在
