:is()伪类选择器 :where()伪类选择器

1.1 :is()伪类选择器

在日常写代码中，经常遇见重复的同一个元素在不同的标签中的情况，这样我们想要统一写一个这个元素的样式时就会比较麻烦，稍加不注意就会出现错误。例如:

li a,
artcile a,
section a {
color: #000000;
}
h1 a,
h2 a,
h3 a {
color: blue;
}

使用 CSS :is() 伪类选择器

CSS中的:is()伪类选择器可以解决这样的问题，并把最终的选择器视为匹配到的那一个。

:is(li, article, p) a {
color: #999999;
}