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

Question

有没有CSS方法来选择类似于那个的元素？

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

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

Answer 1

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

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

演示

注意:您可以替换divwith required元素

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