什么是:is与: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()可以帮助将相同的内容添加到这个例子中。:与: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类放在
