CSS class and id with the same name

by

Nope, perfectly acceptable.

A class is defined using a . and an ID is defined using a #. So as far as the browser is concerned, they’re two totally separate items.

The only thing to be careful of is generating any confusion for yourself. It’s probably best practise to keep the names different purely for code readability, but there’s no harm in them being the same.

More Related Contents:

  1. Using two CSS classes on one element [duplicate]
  2. How to override the properties of a CSS class using another CSS class
  3. Styling elements with a dot (.) in the class name
  4. How to override the properties of a CSS class to avoid copying and renaming styles
  5. Is there a CSS selector for elements containing certain text?
  6. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  7. Nesting CSS classes
  8. Control the dashed border stroke length and distance between strokes
  9. Is embedding background image data into CSS as Base64 good or bad practice?
  10. How can I remove the outline around hyperlinks images?
  11. Text on image mouseover?
  12. Can I change the fill color of an svg path with CSS?
  13. how to reset a CSS variable (aka custom properties) and use the fallback one?
  14. CSS transitions with calc() do not work in IE10+
  15. CSS rounded corners in IE8
  16. CSS Best Practice about ID and Class?
  17. Bootstrap 4 card-deck with number of columns based on viewport
  18. What is the em font-size unit? How much is it in pixels?
  19. On IE CSS font-face works only when navigating through inner links
  20. CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
  21. prevent children from inheriting transformation css3
  22. how to change bootstrap version 4 button color
  23. CSS change d property of
  24. Bootstrap drop down cutting off
  25. WebKit CSS content Unicode bug?
  26. How to target Microsoft Edge with CSS? [duplicate]
  27. Fade image to transparent like a gradient
  28. Single vs multiple stylesheets in responsive web design
  29. Firefox sets wrong caret position contentEditable with :before
  30. Shorten verbose CSS that repeats combinations of elements and pseudo-classes

Leave a Comment