css筛选器逗号不适用 |css3 登陆界面

.example, .test {
background-color: blue;
}

在上面的例子中，“.example, .test”代表了两个不同的选择器，用逗号分隔开来。这意味着这个CSS规则将应用于拥有“example”类或“test”类的所有HTML元素。

然而，在某些情况下，逗号分隔的多选择器可能并不适用。比如说，如果想应用下面的CSS规则到HTML中所有的p标签，但去除其中一些具有特定类的p标签：

p:not(.exclude) {
font-size: 18px;
}

在上面的例子中，“:not(.exclude)”是一个伪类选择器，表示这个规则将不应用于拥有“exclude”类的p标签。

这时如果把逗号分隔的多选择器用在这个例子中，就会失效。因为在多选择器中，无法用“:not()”伪类选择器排除指定类别的元素。

因此，在编写CSS规则时，大家需要根据实际情况来决定是否使用逗号分隔的多选择器，以达到最好的效果。