◈ Estelle Weyl

◈ @estellevw

◈ www.standardista.com

1. Selectors
2. Specificity
3. Generated Content
4. Media Queries
5. Debugging
6. Colors & Transparency
7. Fonts / Typography
8. Backgrounds & Borders
9. Gradients
10. Transforms
11. Transitions & Animation
12. Other Features

• ID
• Class
• Element

• 1-0-0
• 0-1-0
• 0-0-1

PDF
Examples

The * selector, or global selector, has no value.

* {} 0-0-0 

Combinators, like ~, >, and + have no value

ul li {} 0-0-2
ul > li {} 0-0-2

:not has no value, but parameter selector does

.myClass:not(p) {} 0-1-1

Specificity is not inheritance