Understand the C in CSS—the cascade—and how its three parts work together to determine the style of a website or document.
Overview
Syllabus
Introduction
- The big C in CSS
- CSS terminology refresher
- What is inheritance?
- Examples of inheritance
- Controlling inheritance with inherit
- Exploring initial, unset, revert, and all
- Challenge: Working with inheritance
- Solution: Working with inheritance
- What is specificity?
- How selectors and ordering impact specificity
- Selectors with no specificity
- The impact of inheritance on specificity
- Challenge: Explaining specificity
- Solution: Explaining specificity
- What is the cascade?
- Identifying origins of CSS declarations using browser tools
- Sorting declarations by importance
- !important: Its use and abuse
- @layer: Impacting specificity through components
- Moving forward with CSS
Taught by
Jen Kramer