What's the difference between normal and inherit?

Answer 1

The inherit keyword specifies that a property should inherit its value from its parent element.
For example:

--CSS--

span {
color: blue;
}

.inherited span {
color: inherit;
}

---HTML---

<div class="inherited" style="color:green">

Here the <span>span element</span> is green because it inherits from its parent, the Div element.

</div>