CSS Layers Are Changing How Specificity Works

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html

Specificity in CSS is a pain to deal with, but that doesn’t have to be the case anymore. With custom CSS layers you can create your own specificity hierarchy which makes writing and overwriting styles so much easier.
📚 Materials/References:

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
CSS Specificity Video: https://youtu.be/CHyPGSpIhSs
CSS Specificity Blog Article: https://blog.webdevsimplified.com/2020-02/css-specificity
Cascade Layers Blog Article: https://blog.webdevsimplified.com/2022-04/css-cascade-layers
🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:

00:00 - Introduction
00:50 - CSS Layer Basics
03:45 - Custom CSS Layers
07:06 - Using Layers With External CSS
10:58 - Using Important In Layers
12:08 - Nested Layers
13:22 - Browser Support
#CSS #WDS #CSSLayers

Видео CSS Layers Are Changing How Specificity Works канала Web Dev Simplified