Managing Specificity With CSS Cascade Layers
An in-depth guide to CSS Cascade Layers.
An in-depth guide to CSS Cascade Layers that will help you write easily maintainable stylesheets and deal with CSS specificity more efficiently.
Chapters
- 00:00 Introduction
- 00:36 How CSS Specificity works
- 02:57 How CSS Cascade Layers work
- 05:10 How to use Chrome DevTools to debug CSS Cascade Layers
- 06:26 Unlayered styles take precedence over layered styles
- 07:15 Adding styles to an existing layer
- 08:39 Defining Multiple CSS Cascade Layers at once
- 09:59 Importing styles into a specific layer using @import
- 10:49 Importing styles into a specific layer using "link" attribute
- 11:27 Nesting CSS Cascade Layers
- 14:58 Reverting layered styles
- 15:34 How !important works in CSS Cascade Layers
- 17:00 Use cases for CSS Cascade Layers
- 17:51 Conclusion
