Many newcomers to CSS are confused by inheritance. Let's try to clarify things.
If a particular CSS property is not explicitly specified for an element, then the element inherits the properties of the parent. Assigning properties to multiple selectors, it would be redundant, time-consuming and space-consuming having to re-state the same properties for multiple sections and levels of a document. The size of the style sheet information would quickly become unwieldy.
The default value for many properties is inherited from the parent. In HTML, default properties for a document can be set by applying style rules to the HTML or BODY elements.
The Main Advantage of Inheritance
- reduces the amount of work the designer must do and
- reduces the size of the css file
- because a rule only needs to be declared once for multiple elements.