Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
inheritance

8 Articles
{
,

}
Direct link to the article Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library
css-in-js inheritance theming

Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library

Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color palettes, à la dark mode or some other means, is a good …

Michael Michlin on Nov 15, 2021
Direct link to the article Shadow Roots and Inheritance
details/summary inheritance shadow dom

Shadow Roots and Inheritance

There is a helluva gotcha with styling a <details element, as documented here by Kitty Giraudel. It’s obscure enough that you might never run into it, but if you do, I could see it being very confusing (it would confuse …

Chris Coyier on Oct 13, 2021
Direct link to the article inherit, initial, unset, revert
inheritance reset revert

inherit, initial, unset, revert

There are four keywords that are valid values for any CSS property (see the title). Of those, day to day, I’d say I see the inherit used the most. Perhaps because it’s been around the longest (I think?) but also …

Chris Coyier on Jun 22, 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 …

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 …

Miriam Suzanne on May 23, 2022
Direct link to the article What does “revert” do in CSS?
inheritance revert

What does “revert” do in CSS?

Miriam Suzanne explains in a Mozilla Developer video on the subject.

The revert value in CSS “resets” a property back to it’s inherited value, only going as far back as the UA stylesheet. That’s critical, as it won’t reset a <p…

Chris Coyier on Feb 3, 2020
Direct link to the article The Kind of Development I Like
composition api inheritance jQuery react

The Kind of Development I Like

I’m turning 40 next year (yikes!) and even though I’ve been making websites for over 25 years, I feel like I’m finally beginning to understand the kind of development I like. Expectedly, these are not new revelations and my views …

Dave Rupert on Nov 18, 2019
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 …

Geoff Graham on Feb 21, 2018

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

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