css - 使用 CSS 选择具有空类属性（class=""）的元素？

Question

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

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

像空类声明的选择器一样？

Answer 1

您可以在此处使用带有空类值的元素属性选择器

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

演示

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

Answer 2

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