CSS Best Practice about ID and Class?

by

I guess they always use the id in examples because it’s less ambiguous. You know that they’re talking specifically about that one element and its styles.

In general, the rule of thumb is that you should ask yourself: “is there more than one element which requires the same style, now or at any time in the future?”, and the answer is even “maybe”, then make it a class.

More Related Contents:

  1. How to draw this chart in html and CSS? [closed]
  2. Bootstrap NavBar with left, center or right aligned items
  3. Transparent arrow/triangle indented over an image
  4. How do I select an element based on the state of another element in the page with CSS?
  5. Are eot, ttf, and svg still necessary in the font-face declaration?
  6. Bootstrap Center Vertical and Horizontal Alignment
  7. How to really isolate stylesheets in the Google Chrome extension?
  8. CSS background-image – What is the correct usage?
  9. What is the best way to clear the CSS style “float”?
  10. Hole in overlay with CSS
  11. Responsive CSS triangle with percents width
  12. Fixed element disappears in Chrome
  13. Is it possible to use an input value attribute as a CSS selector?
  14. CSS3 transition on click using pure CSS
  15. Internet Explorer z-index bug?
  16. position: absolute without setting top/left/bottom/right?
  17. Z-index with before pseudo-element
  18. Are parentheses allowed in CSS selectors?
  19. CSS @font-face not working in IE8
  20. Float a div above page content
  21. Clip path inset circle?
  22. doesn’t inherit the font from
  23. What is the difference between :before and ::before?
  24. How can I avoid media query overlap?
  25. Extracting only the css used in a specific page
  26. Google Font not working on Safari
  27. Is a button allowed to have display:grid? [duplicate]
  28. selector for nth nested elements
  29. Bootstrap Navbar list items/links not showing
  30. Double curved shape

Leave a Comment