css - 使用 CSS 选择具有空类属性(类 ="")的元素？

Question

有没有一种 CSS 方法可以按类选择看起来像这样的元素？

<a class="" href="...">

类似于空类声明的选择器？

Answer 1

如果 class 属性存在，您可以像这样使用属性选择器:

jsFiddle

<a class="" href="...">asd</a>

a[class=""] {
    color: red;
}

如果您希望它在元素上没有 class 属性时起作用，您可以使用 :not([class])。

jsFiddle

<a href="...">asd</a>

a:not([class]) {
    color: red;
}

然后可以将这些组合在一起以处理这两种情况。

jsFiddle

<a href="...">asd</a>
<a class="" href="...">asd</a>

a[class=""],
a:not([class]) {
    color: red;
}