CSS attribute selectors: The rules on quotes (“, ‘ or none?)

by

I’ve written more extensively on the subject here: Unquoted attribute values in HTML and CSS.

I’ve also created a tool to help you answer your question: http://mothereff.in/unquoted-attributes

Unquoted attribute value validator

You can usually omit the quotes as long as the attribute value is alphanumeric (however, there are some exceptions — see the linked article for all the details). Anyhow, I find it to be good practice to add the quotes anyway in case you need them, i.e. a[href^=http://] won’t work, but a[href^="http://"] will.

The article I mentioned links to the appropriate chapters in the CSS spec.

More Related Contents:

  1. how do I make device specific selectors in css [closed]
  2. Is there a “previous sibling” selector?
  3. Which characters are valid in CSS class names/selectors?
  4. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  5. CSS selector for first element with class
  6. What does the “+” (plus sign) CSS selector mean?
  7. Is there a CSS selector by class prefix?
  8. How to use JSF generated HTML element ID with colon “:” in CSS selectors?
  9. How do I select an element based on the state of another element in the page with CSS?
  10. What does an asterisk (*) do in a CSS selector?
  11. Does the order of classes listed on an item affect the CSS?
  12. How can I select an nth child without knowing the parent element?
  13. IE8 :nth-child and :before
  14. CSS selector to select first element of a given class
  15. How to select label for=”XYZ” in CSS?
  16. CSS: styled a checkbox to look like a button, is there a hover?
  17. In which direction do selector engines read, exactly?
  18. What’s the difference between html[lang=”en”] and html:lang(en) in CSS?
  19. Can I colour backgrounds of selected items in HTML select options with CSS only?
  20. CSS3 combining selectors with OR instead of AND
  21. Why doesn’t this CSS :not() declaration filter down?
  22. Angular 2: How to style host element of the component?
  23. How do I select an element only when inside another element?
  24. How to show the first N elements of a block and hide the others in css?
  25. How do I apply a style to all children of an element
  26. What is the difference between :before and ::before?
  27. What CSS selector can be used to select the first div within another div
  28. CSS Selector for not a child of element type?
  29. :last-child pseudo-class mixed with attribute selector not working
  30. CSS selector based on width?

Leave a Comment