user1856596
user1856596

Reputation: 7243

Select an element with empty class attribute (class="") using CSS?

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?

Upvotes: 25

Views: 19050

Answers (2)

Daniel Imms
Daniel Imms

Reputation: 50269

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

Upvotes: 35

Mr. Alien
Mr. Alien

Reputation: 157434

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

Upvotes: 31

Related Questions