Should DevTools teach the CSS cascade?
In a break with Betteridge’s law, I think the answer here is “yes.”
Link tags: specificity
7
What is CSS Specificity? Sarah Chima - Front-End Developer
An excellent and clear explanation of specificity in CSS.
The CSS Cascade
This is a wonderful interactive explanation of the way CSS hierarchy works—beautiful!
Resilient, Declarative, Contextual
This is really good breakdown of what’s different about CSS (compared to other languages).
These differences may feel foreign, but it’s these differences that make CSS so powerful. And it’s my suspicion that developers who embrace these things, and have fully internalized them, tend to be far more proficient in CSS.
[selectors] Functional pseudo-class like :matches() with 0 specificity · Issue #1170 · w3c/csswg-drafts
A really interesting proposal from Lea that would allow CSS authors to make full use of selectors but without increasing specificity. Great thoughts in the comments too.
The invisible parts of CSS · MadebyMike
This is a really clear explanation of how CSS works.
Axiomatic CSS and Lobotomized Owls · An A List Apart Article
I’m quite intrigued by the thinking behind this CSS selector of Heydon’s.
* + * {
margin-top: 1.5em;
}
I should try it out and see how it feels.