Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
cascade

11 Articles
{
,

}
Direct link to the article Taming the Cascade With BEM and Modern CSS Selectors
:has :is :where bem cascade specificity

Taming the Cascade With BEM and Modern CSS Selectors

BEM. Like seemingly all techniques in the world of front-end development, writing CSS in a BEM format can be polarizing. But it is – at least in my Twitter bubble – one of the better-liked CSS methodologies.

Personally, I think …

Avatar of Liam Johnston
Liam Johnston on Nov 21, 2022 (Updated on Jan 17, 2023)
Direct link to the article Don’t Fight the Cascade, Control It!
:is :where cascade cascade layers custom properties data attributes specificity

Don’t Fight the Cascade, Control It!

If you’re disciplined and make use of the inheritance that the CSS cascade provides, you’ll end up writing less CSS. But because our styles often comes from all kinds of sources — and can be a pain to structure and …

Avatar of Mads Stoumann
Mads Stoumann on Jan 10, 2022 (Updated on Jan 11, 2022)
Direct link to the article Cascade Layers
@layer cascade specificity

Cascade Layers

There is a new thing coming in CSS: @layer. …

Avatar of Chris Coyier
Chris Coyier on Sep 21, 2021 (Updated on Jan 6, 2022)
Direct link to the article Should DevTools teach the CSS cascade?
cascade DevTools specificity

Should DevTools teach the CSS cascade?

Stefan Judis, two days before I mouthed off about using (X, X, X, X) for talking about specificity, has a great blog post not only using that format, but advocating that browser DevTools should show us that value by …

Avatar of Chris Coyier
Chris Coyier on May 21, 2021
Direct link to the article Computed Values: More Than Meets the Eye
cascade computed DevTools inheritance values

Computed Values: More Than Meets the Eye

Browser DevTools are indispensable for us front end developers. In this article, we’ll take a look at the Computed tab, a small corner of the DevTools panel that shows us big things, like how relative CSS values are resolved. We’ll …

Avatar of Jemimah Omodior
Jemimah Omodior on Aug 5, 2020
Direct link to the article Using Custom Property “Stacks” to Tame the Cascade
cascade custom properties inheritance

Using Custom Property “Stacks” to Tame the Cascade

Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we’ve had very little control over how they interact. Selector specificity and source order …

Avatar of Miriam Suzanne
Miriam Suzanne on Jun 22, 2020 (Updated on May 23, 2022)
Direct link to the article The Order of CSS Classes in HTML Doesn’t Matter
cascade specificity

The Order of CSS Classes in HTML Doesn’t Matter

That’s right! And I can prove it, too. Let’s look at some CSS first:

.a {
  color: red;
}

.b {
  color: blue;
}

And now let’s look at some markup:

<div class="a b">Here’s some text</div>

The text is going …

Avatar of Robin Rendle
Robin Rendle on Dec 17, 2019
Direct link to the article The “C” in CSS: The Cascade
cascade css basics

The “C” in CSS: The Cascade

Following up from Geoff’s intro article on The Second “S” in CSS, let’s now move the spotlight to the “C” in CSS — what we call the Cascade. It’s where things start to get messy, and even confusing …

Avatar of Thomas Yip
Thomas Yip on Nov 13, 2018 (Updated on Nov 15, 2018)
Direct link to the article CSS Basics: The Second “S” in CSS
cascade CSS css basics inheritance specificity

CSS Basics: The Second “S” in CSS

CSS is an abbreviation for Cascading Style Sheets.

While most of the discussion about CSS on the web (or even here on CSS-Tricks) is centered around writing styles and how the cascade affects them, what we don’t talk a whole …

Avatar of Geoff Graham
Geoff Graham on Feb 14, 2018 (Updated on Feb 21, 2018)
Direct link to the article The latest ways to deal with the cascade, inheritance and specificity
cascade

The latest ways to deal with the cascade, inheritance and specificity

The cascade is such an intrinsic part of CSS that they put it right there in the name. If you’ve ever needed to use !important to affect specificity in the cascade, you’ll know that it can be a tricky thing…

Avatar of Ollie Williams
Ollie Williams on Jan 10, 2018 (Updated on Feb 13, 2022)
Direct link to the article 8 simple rules for a robust, scalable CSS architecture
architecture cascade

8 simple rules for a robust, scalable CSS architecture

I don’t disagree on any particular point on this thesis by Jarno Rantanen.

This is the first I’ve seen this particular naming convention, which seems fine to me, but I’d add that any well-considering naming convention works.

Also, there is …

Avatar of Chris Coyier
Chris Coyier on Oct 31, 2016

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top