Select an element with empty class attribute (clas

2019-01-12 06:06发布

问题:

Is there a CSS way to select an element that looks like that by class?

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

Like a selector for empty class declarations?

回答1:

You can use element-attribute selector here with an empty class value

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

Demo

Note: You can replace the div with required element



回答2:

Provided the class attribute is present as you say you can use the attribute selector like this:

jsFiddle

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

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

If you want this to work when there is no class attribute present on the element you can use :not([class]).

jsFiddle

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

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

These can then be combined together to handle both cases.

jsFiddle

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

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