HTML class attribute with spaces, it is a W3C valid class?

by

these are two different classes a & b separated by space. see w3c DOCS

class = cdata-list [CS]

this attribute assigns a class name or set of class names to an
element. Any number of elements may be assigned the same class name or
names. Multiple class names must be separated by white space
characters.

If you have two class

.a { font-weight: bold; }
.b { font-weight: normal; }

and assign in class=”a b” or class=”b a”, then later class will overwrite the prior class having same property, so font weight will be normal.

If you change the CSS definition order, 

.b { font-weight: normal; }
.a { font-weight: bold; }

now the later class is bold, so “overwrite the prior class having same property” results font weight bold.

More Related Contents:

  1. Centering in CSS Grid
  2. Positions fixed doesn’t work when using -webkit-transform
  3. Styling text input caret
  4. Can specific text character change the line height?
  5. Why does overflow:hidden not work in a ?
  6. Rotate objects around circle using CSS?
  7. Make Iframe to fit 100% of container’s remaining height
  8. CSS media queries for screen sizes
  9. What is syntax for selector in CSS for next element?
  10. How to make div occupy remaining height?
  11. 7 equal columns in bootstrap
  12. How to draw a trapezium/trapezoid with css3?
  13. All widths set to width of widest element
  14. Table scroll with HTML and CSS [duplicate]
  15. How to center the contents of an HTML table?
  16. How to hide Table Row Overflow?
  17. How to indent multiple levels of select optgroup with CSS?
  18. Internet Explorer 11 word wrap is not working
  19. Width 100% with white borders around it. WHy?
  20. How to specify parameters to google chrome adobe pdf viewer?
  21. Why would the height increase with a smaller font size?
  22. Pressing spacebar scrolls page down?
  23. Understanding CSS2.1 specification regarding height on inline-level boxes
  24. Make fill entire screen?
  25. Remove host component tag from html in angular 4
  26. How to load CSS Asynchronously
  27. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  28. How to change a span to look like a pre with CSS?
  29. Pseudo class :hover does not work in IE7
  30. How to implement a Navbar Dropdown Hover in Bootstrap v4?

Leave a Comment