Structure and Specificity
cascading order = the most specific css-selector is applied! Less specific selectors will be overriden.
- tagname: least specific
- class: more specific, recurrent styling
- id: most specific. One element per id only, applying the same id to multiple elements is invalid HTML and should be avoided
/* tag-level */
body { }
/* class-level */
#myClass { }
/* id-level */
.myId { }