Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“cascade” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: css (non-exhaustive) · “cascade” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Alternatives to the “!important” Keyword (css)106
css, selectors
Lowering the Specificity of Multiple Rules at Once (mat)105
css
“!important” and CSS Custom Properties (chr/fro)104
css, custom-properties
On Inheriting and Sharing Property Values (dxn/css)103
css, techniques
25 New and Rad Features of CSS (arg/cas)102
videos, css, transitions, animations, selectors, functions, colors, scrolling
CSS :is() :where() the Magic Happens (mat)101
css, selectors
Integrating CSS Cascade Layers to an Existing Project (sma)100
css, refactoring
CSS Overrides Without “!important” Using Layers in Astro Components (jle/cod)99
astro, components, css
Cascading Layers of !mportance (mia/jsh)98
videos, css
Public and Private CSS Cascade Layers in a Design System (cfe)97
css
Using CSS Cascade Layers With Tailwind Utilities (zel/css)96
css, tailwind
CSS Cascade Layers vs. BEM vs. Utility Classes: Specificity Control (sma)95
css, bem, presentational-html, html
CSS Isn’t Broken—You Just Never Read the Docs94
css, documentation, layout, presentational-html
Getting Specific About CSS Specificity (kat)93
css, selectors
Cowardly Defaults and Courageous Overrides With Modern CSS (tyl/clo)92
css, presentational-html
Quick Reminder That “:is()” and “:where()” Are Basically the Same With One Key Difference (geo/css)91
css, selectors
Organizing Design System Component Patterns With CSS Cascade Layers (mrt/css)90
design-systems, components, css
CSS Is Emotional: The Psychology of Specificity89
css
Hints and Suggestions: The Design of Web Design (mia/btc)88
videos, design, css, history
Understanding CSS Inheritance: A Guide to Consistent Styling87
guides, css
Your CSS Reset Should Be Layered (may)86
css, resets
CSS Cascading and Inheritance Level 6 (fan+/w3c)85
standards, css
Double Your Specificity With This One Weird Trick (cir)84
css, selectors, tips-and-tricks
Eleventy Buckets and Cascade Layers (mia)83
eleventy, css
Display the Specificity of a CSS Selector (pat/dev)82
css, selectors, dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
CSS Specificity for WordPress 6.6 (wor)81
discussions, wordpress, css, selectors
Misconceptions About CSS Specificity (bra)80
css, selectors
CSS Inheritance (bel/pic)79
css
The New “!important” (geo)78
css
A Primer on the Cascade and Specificity (bel/pic)77
introductions, css, selectors
New CSS That Can Actually Be Used in 2024 (tho)76
css, logical-properties, container-queries, selectors, nesting, functions, grids
How to Kill the Cascade (fon)75
css, resets, scope
The CSS Cascade—a (Re)Introduction (mat)74
videos, css
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)73
podcasts, interviews, css, functions
CSS Nesting and the Cascade (jen/web)72
css, nesting
A Quick Introduction to CSS “@scope” (bra)71
introductions, css, scope
CSS Cascade Layers (odd)70
videos, css
Cascade Layers Are Useless * (mat)69
css
What’s a Basic Use Case for Cascade Layers in CSS? (chr)68
css, maintainability
“(255,255,255)” Is the Highest Specificity (bra)67
css, selectors
Using “!important” in Cascade Layers (mat)66
css
Cascade Layers (mia/5t3)65
css
Taming the Cascade With BEM and Modern CSS Selectors (css)64
css, selectors, naming, bem
An Introduction to CSS Cascade Layers (lul)63
introductions, css
“Thousand” Values of CSS (kar)62
css
What? How? Why? “@layer”61
css
CSS Specificity for Beginners (nic)60
css, selectors
A Whole Cascade of Layers (mia)59
css
A Handy Use for Cascade Layers (mic)58
css
CSS Complexity: It’s Complicated57
css
The CSS Cascade, a Deep Dive (bra/css)56
videos, css, deep-dives
Managing Specificity With CSS Cascade Layers (zor/css)55
videos, css, selectors
Cascade Layers—There’s a Polyfill for That! (odd)54
css, polyfills
“!important” Was Added for One Reason Only (ste)53
css
A Complete Guide to CSS Cascade Layers (mia/css)52
guides, css
The Entire Cascade (as a Funnel) (mia)51
code-pens, css
Hello, CSS Cascade Layers (sha)50
css
CSS—Understanding the Cascade (bra/9el)49
videos, css
Cascade Layers Are Coming to Your Browser (una)48
css, browsers, support
Cascade Layers: First Contact (mat)47
css
How Does “!important” Actually Work? (una)46
videos, css
An Introduction to CSS Cascade Layers (5t3/sma)45
introductions, css
Comparing CSS Specificity Values (kil)44
css, selectors
CSS Cascade Layers: An Overview of the New “@layer” and “layer()” CSS Primitives (una)43
videos, overviews, css
Don’t Fight the Cascade, Control It! (sto/css)42
css
The Surprising Behavior of “Important CSS Custom Properties” (ste)41
css, custom-properties
Cascade Layers? (chr/css)40
css
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)39
css
CSS Nesting, Specificity, and You (kil)38
css, selectors, nesting
The Shorthand–Longhand Problem in Atomic CSS (rob)37
css, shorthands, atomic-css, css-in-js
Allow End-User Styling Overrides (alv)36
css, user-styles
What Does “revert” Do in CSS? (chr/css)35
css
The Order of CSS Classes in HTML Doesn’t Matter (fon/css)34
html, css
How Much Specificity Do “@rules” Have, Like “@keyframes” and “@media”? (chr/css)33
css
CSS Custom Properties in the Cascade (mia/sma)32
css, custom-properties, examples
Why Is Not Using the CSS Cascade a Problem? (ppk)31
css, scope
The Cascade and Other Essential Unessentials (tka)30
fundamentals, css
CSS Inheritance: An Introduction29
introductions, css
CSS Selectors: Specificity (web)28
css, selectors
Precedence in CSS (When Order of CSS Matters) (chr/css)27
css, selectors
On “:not” and Specificity (ire)26
css, selectors
CSS Specificity Is Base-Infinite (chr/css)25
css, selectors
Selector Specificity With CSS Preprocessors24
css, selectors, preprocessors, bem, sass
Strategies for Keeping CSS Specificity Low (chr/css)23
css, selectors, strategies
CSS: Just Try and Do a Good Job (chr/css)22
css, naming, tooling
Specificity Graphs (jus)21
css, selectors, visualization
The Specificity Graph (css)20
css, selectors, visualization
HTML5 Forms: CSS (cra)19
html, forms, css, selectors
Cross-Browser Debugging CSS (stu)18
css, debugging, browsers, vendor-extensions, hacks
Little CSS Stuff Newcomers Get Confused About (chr/css)17
css, selectors, fundamentals
Don’t Use IDs in CSS Selectors?16
css, selectors, performance
When Using “!important” Is the Right Choice (chr/css)15
css
“!important” CSS Declarations: How and When to Use Them (lou/sma)14
css
CSS Specificity and Inheritance (sma)13
css, selectors
“!important” Is Actually Useful (in Print Style Sheets) (ate)12
css, print
How to Override Inline CSS Styles (cra)11
how-tos, css, selectors
Specifics on CSS Specificity (chr/css)10
css, selectors
Why “Reset” Style Sheets Are Bad (j9t)9
css, resets, efficiency
Getting Specific With CSS (tka)8
css, selectors
The Great Specificity Swindle (ate)7
css, selectors
CSS Specificity: Things You Should Know (sma)6
css, selectors, examples
5 Tips to Improved CSS5
css, formatting, shorthands, tips-and-tricks
The Cascade (lac)4
css
The Relevant CSS Panel3
css
CSS Specificity Calculator (pol)2
tools, exploration, auditing, debugging, css, selectors
CSS Specificity Visualizer (ise)1
tools, exploration, auditing, debugging, css, selectors, visualization