Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
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 …

Avatar of Michael Michlin
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 …

Avatar of Chris Coyier
Chris Coyier on Sep 16, 2021 (Updated 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 …

Avatar of Chris Coyier
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 …

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 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…

Avatar of Chris Coyier
Chris Coyier on Jan 27, 2020 (Updated 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 …

Avatar of Dave Rupert
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 …

Avatar of Geoff Graham
Geoff Graham on Feb 14, 2018 (Updated 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 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