How to choose between `class` and `id`

by

Use id to identify elements that there will only be a single instance of on a page. For instance, if you have a single navigation bar that you are placing in a specific location, use id="navigation".

Use class to group elements that all behave a certain way. For instance, if you want your company name to appear in bold in body text, you might use <span class="company">.

More Related Contents:

  1. Creating a Zoom Effect on an image on hover using CSS?
  2. Can't get footer image to display in IE8?
  3. How to change the color of text?
  4. How to force child div to be 100% of parent div’s height without specifying parent’s height?
  5. SVG drop shadow using css3
  6. How to customize ?
  7. Cross-browser custom styling for file upload button [duplicate]
  8. Fixed Table Cell Width
  9. Why does margin-top work with inline-block but not with inline?
  10. Position: sticky buttons not working in IE 11
  11. Changing Underline color
  12. css “left” not working
  13. :nth-child(even/odd) selector with class [duplicate]
  14. How to CSS: select element based on inner HTML [duplicate]
  15. Using .otf fonts on web browsers
  16. Why does width apply to a button with display inline?
  17. Equalize the height of left and right div, prevent right div from going below left div
  18. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  19. How to make the web page height to fit screen height
  20. How can I create a wavy shape CSS?
  21. CSS Zigzag Border with a Textured Background
  22. How can I control the width of a label tag?
  23. How to create a multi-column list?
  24. Bootstrap – Fill fluid container between header and footer
  25. “break-inside: avoid-column” doesn’t work in Firefox
  26. How to get rid of x and up/down arrow elements of a input date?
  27. IE7 CSS Scrolling Div Bug
  28. HTML CSS Invisible Button
  29. CSS After Element to insert mailto link?
  30. Which browsers support data URIs and since which version?

Leave a Comment