CSS Layers Are Changing How Specificity Works

Published: 05 April 2022
on channel: Web Dev Simplified
49,561
2.1k

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specific...

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/specific...
CSS Specificity Video:    • Learn CSS Specificity In 11 Minutes  
CSS Specificity Blog Article: https://blog.webdevsimplified.com/202...
Cascade Layers Blog Article: https://blog.webdevsimplified.com/202...


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
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


Watch video CSS Layers Are Changing How Specificity Works online without registration, duration hours minute second in high quality. This video was added by user Web Dev Simplified 05 April 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 49,561 once and liked it 2.1 thousand people.