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

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;
}

Answer 2

你可以在这里使用元素属性选择器，类值为空

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

注意:您可以将div替换为所需元素