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 ... https://www.youtube.com/watch?v=Pr1PezCc4FU