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?

Answer 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

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