CSS

Cascading Style Sheets

Cascade

Anything that resembles a waterfall, especially in 

​seeming to flow

Multiple Classes

Specificity

Specificity determines, which CSS rule is applied by the browsers.

0 - 0 - 0 - 0

Class Selector

Element Selector

ID

Selector

Inline

Styles

ul#nav li.active a

ul#nav li.active a

0 - 1 - 1 - 3

<li style="color: red;">

<li style="color: red;">

1 - 0 - 0 - 0

Class Exercise

1. li { }
2. ul li { }
3. ul ol li.red { } 
4. li.red.level { } 
5. p { } 
6. div { } 
7. .sith { }
8. div p.sith { }
9. #sith { }
10. body #darkside .sith p { }