Hierarcy & Inheritance

Order of Priority

  • Inline Styles (Style set directly inside the html tag)
  • ID selector
  • Class selectors

Property assignment prioritizes in the above order. If a conflict remains, it apply the last read value.

What can be inherited:

  • Inheritable: Font styles & text related properties
  • Non-Inheritable: Size, margins, backgrounds