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

Question

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?

score 34 · Answer 1 · edited May 03 '13 at 09:40

34

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

<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]).

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

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

These can then be combined together to handle both cases.

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

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

edited May 03 '13 at 09:40

BoltClock

answered May 03 '13 at 07:57

Daniel Imms

This one worked, markup had no class and I couldn't change it, thanks. – Gringo Suave Jun 09 '16 at 02:38
2

The ":not([class])" solution is the best answer! – hkdalex Jun 02 '18 at 07:44

score 31 · Accepted Answer · edited May 03 '13 at 09:39

31

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

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

Note: You can replace the div with required element

edited May 03 '13 at 09:39

BoltClock

answered May 03 '13 at 07:42

Mr. Alien

@e1che Good :) and glad it was useful and user1856596 you welcome :) – Mr. Alien May 03 '13 at 07:46
That edit was probably because your answer doesn't match the question. In future, just stick to answering the question based on the code that is given. – BoltClock May 03 '13 at 09:41

2 Answers2