The Inherit value

What it does is assigning the value with the parent property value. On my experiences there aren't so many cases when you should use it. A child takes by default its parent property value, and in this way you can override some properties. For example, say you have a div with p tags inside it and you set some properties for that p tags. Now, some p tags need to have let's say the same color value as the div, and now you use inherit. In my opinion this is the best practice for it. Let me know if you understood what I tried to explain here and please come back with more questions if not. + I've recently found that not all the properties are inherited by default.

div { color: #666; } div p { color: blue; text-decoration: underline; } div p.inactive { color: inherit; text-decoration: none; } <div> <p></p> <p class="inactive"></p> <p></p> </div> That's the example I talked about.

Eusebiu Gagea
CSS

div {
 color: #666;
 } 
div p {
 color: blue;
 text-decoration: underline;
 } 
div p.inactive { 
color: inherit;
 text-decoration: none; 
}

HTML

<div> <p></p> <p class="inactive"></p> <p></p> </div> 

According to your explanation, the color value for the div p.inactive will be the same as the parent element. Which is #666? So what happens if you repeat the same color value(#666) instead of giving it the 'Inherit' value?

It's the same thing. But you'll see that css is all about pattern and is good to know that this color is inherited from the parent.

Thanks so much Eusebiu Gagea Perhaps, you could change to answer instead of comment so that i can mark you

Happy to help you! Whenever you have more questions just let me know.