How do I target elements with an attribute that has any value in CSS?

by

The following will match any anchor tag with a rel attribute defined:

a[rel]
{
    color: red;
}

http://www.w3.org/TR/CSS2/selector.html#pattern-matching

Update:
To account for the scenario @vsync mentioned, in the comment section (differentiating between emtpy/non-empty values), you could incorporate the CSS :not pseudo-class:

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

https://developer.mozilla.org/en-US/docs/Web/CSS/:not

More Related Contents:

  1. Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  2. Is there a CSS selector for text nodes?
  3. How do I select the “last child” with a specific class name in CSS? [duplicate]
  4. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  5. Can the :not() pseudo-class have multiple arguments?
  6. How to combine class and ID in CSS selector?
  7. :first-child not working as expected
  8. What is the difference between :first-child and :first-of-type?
  9. Does CSS have a :blur selector (pseudo-class)?
  10. Specify multiple attribute selectors in CSS
  11. Should I use single or double colon notation for pseudo-elements?
  12. How to make Internet Explorer 8 to support nth child() CSS element?
  13. What does a[href^=”…”] do in CSS?
  14. Universal selector * and pseudo elements
  15. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  16. Browser support for CSS :first-child and :last-child
  17. CSS selector to get deepest element of specific class in the HTML tree
  18. CSS Specificity and Inheritance
  19. How do I get the nth child of an element using CSS2 selectors?
  20. Difference between the selectors div + p (plus) and div ~ p (tilde)
  21. What’s the difference between CSS3’s :root pseudo class and html?
  22. CSS 3 nth of type restricted to class [duplicate]
  23. What does .container.\31 25\25 mean in CSS?
  24. CSS combinator precedence?
  25. What is caret symbol ^ used for in css when selecting elements?
  26. Why are my CSS properties being overridden/ignored?
  27. What is the difference between p:nth-child(2) and p:nth-of-type(2)?
  28. CSS specificity or inheritance?
  29. CSS class repetition to increase specificity
  30. select second child

Leave a Comment