CSS class starting with number is not getting applied

by

For classes starting with numbers, you’ll need to write

.\32 00-200 {
  width: 200px;
  height: 200px;
}

You’ll probably want to avoid doing that.

The \32 represents the digit “2”. The space following it is necessary to terminate the escape sequence.

The reason for this is that “CSS identifiers” may not start with numbers. In CSS, class names used in selectors are considered “CSS identifiers”. Therefore, the leading number must be escaped in the way shown above. Note that there is no restriction from the HTML perspective on class names, other than they may not contain spaces. So you could write <div class="%^*+🍺&lt;", as long as you were willing to figure out how to write that in escaped form in your CSS file.

See the question suggested as a duplicate for more information.

More Related Contents:

  1. Menu does not align correctly in Safari
  2. how to align the image to the center? [closed]
  3. How can I override Bootstrap CSS styles?
  4. Nesting block level elements inside the tag… right or wrong?
  5. How to make CSS3 rounded corners hide overflow in Chrome/Opera
  6. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  7. How can I expand floated child div’s height to parent’s height?
  8. Minimum and maximum value of z-index?
  9. Is it possible to put CSS @media rules inline?
  10. Adding HTML entities using CSS content
  11. How can I find an element by CSS class with XPath?
  12. Should I use px or rem value units in my CSS? [closed]
  13. Using flex order property to re-arrange items for desktop and mobile views
  14. What characters can be used for up/down triangle (arrow without stem) for display in HTML?
  15. How can I make a display:flex container expand horizontally with its wrapped contents?
  16. Align labels in form next to input
  17. CSS table-cell equal width
  18. Get rid of space underneath inline-block image [duplicate]
  19. How to make div’s percentage width relative to parent div and not viewport
  20. How to apply an opacity without affecting a child element with html/css?
  21. Draw Circle using css alone [duplicate]
  22. Why my inline-block divs are not aligned when only one of them has text? [duplicate]
  23. HTML / CSS How to add image icon to input type=”button”?
  24. Pixels vs. Points in HTML/CSS
  25. Absolute position and Overflow:hidden
  26. Space between two rows in a table?
  27. Style a checkbox in firefox — remove check and border
  28. Centering an image within a div
  29. CSS replacement for
  30. How to always show the vertical scrollbar in a browser?

Leave a Comment