id vs calss css code example

Example: css id vs class

In CSS,

=> Differences
ID:
- Each element can have only one ID
- Each page can have only one element with that ID
Class:
- You can use the same class on multiple elements.
- You can use multiple classes on the same element.

=> When to use
ID: Use id for single-use elements
Class: Use classes for multi-use elements

=> Naming convention
- BEM 101: https://css-tricks.com/bem-101/
- Basic: Lower case and hyphenate multiwords. Ids have to be unique and distingu
ishable and classes should be named after what they represent and not what their
styling does.

Tags:

Misc Example