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

by

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

jsFiddle

<a class="" href="https://stackoverflow.com/questions/16353893/...">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="https://stackoverflow.com/questions/16353893/...">asd</a>

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

These can then be combined together to handle both cases.

jsFiddle

<a href="https://stackoverflow.com/questions/16353893/...">asd</a>
<a class="" href="https://stackoverflow.com/questions/16353893/...">asd</a>

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

More Related Contents:

  1. What does the “>” (greater-than sign) CSS selector mean?
  2. Is there a CSS selector for elements containing certain text?
  3. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  4. nth-of-type vs nth-child
  5. css3 nth of type restricted to class [duplicate]
  6. ::slotted CSS selector for nested children in shadowDOM slot
  7. wildcard * in CSS for classes
  8. nth-child doesn’t respond to class [duplicate]
  9. Select elements by attribute in CSS
  10. Nesting CSS classes
  11. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  12. Is the CSS :not() selector supposed to work with distant descendants?
  13. What is the difference between ‘>’ and a space in CSS selectors?
  14. Combining :last-child with :not(.class) selector in CSS
  15. Is there a workaround to make CSS classes with names that start with numbers valid? [duplicate]
  16. Why can’t you group descendants in a CSS selector?
  17. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  18. Not CSS selectors
  19. What is this CSS selector? [class*=”span”]
  20. CSS selector (id contains part of text)
  21. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  22. Is there such a thing as an “all inclusive sibling” CSS selector?
  23. Is the :before pseudo-element allowed on an input[type=checkbox]?
  24. CSS select multiple descendants of another element
  25. Select all ‘tr’ except the first one
  26. What are the rules around whitespace in attribute selectors?
  27. CSS – First child without certain class
  28. CSS select first element with a certain class
  29. Correct terms and words for sections and parts of selectors
  30. What is the difference between pseudo-classes and pseudo-elements?

Leave a Comment