What is to reason use inherit; As browser apply to all elements

What is inherit.

So like

.div{color: inherit;}

Then why this property for?

Why to set this? As the color is apply on body so inherit from it?


not everything inherit properties of parent element, and sometimes you want to override the default of that element by making it inherit the property value from the parent

maybe this article can clear it better: