2021-07-14
2123
#css
Chidume Nnamdi
58900
Jul 14, 2021 ⋅ 7 min read

CSS inheritance: inherit, initial, unset, and revert

Chidume Nnamdi I'm a software engineer with over six years of experience. I've worked with different stacks, including WAMP, MERN, and MEAN. My language of choice is JavaScript; frameworks are Angular and Node.js.

Recent posts:

what are the event loop and call stack in JavaScript

What are the event loop and call stack in JavaScript?

Learn how the call stack, event loop, and various queues help JavaScript handle asynchronous operations while maintaining its single-threaded nature.

Ikeh Akinyemi
Feb 18, 2025 ⋅ 6 min read

React Context tutorial: Complete guide with practical examples

Let’s review React Context API. When should you use it to avoid prop drilling, and how does it compare to Redux?

Adebiyi Adedotun
Feb 17, 2025 ⋅ 13 min read
how and when to use JavaScript arrow functions

How and when to use JavaScript arrow functions

Arrow functions have a simpler syntax than standard functions, and there are some important differences in how they behave.

Joe Attardi
Feb 17, 2025 ⋅ 5 min read
javascript is null or empty function

How to check for null, undefined, or empty values in JavaScript

In most languages, we only have to cater to null. But in JavaScript, we have to cater to both null and undefined. How do we do that?

Lewis Cianci
Feb 14, 2025 ⋅ 4 min read
View all posts

2 Replies to "CSS inheritance: inherit, initial, unset, and revert"

  1. “We have div#div1ChildChild inside div#div1Child. Now, we have color: blue set on div1Child. div1Child will not inherit the color: red from div1; it will use its color: blue. This is called specificity. div#div1ChildChild will inherit the color blue from div#div1Child because it is its parent.”

    Is not blue color but green 🙂

    1. Hi Piotr,

      Thanks for pointing this out and for reading the LogRocket blog. We’ve fixed the typo in the code.

Leave a Reply