#Not inherit font from body code

Use specificity instead of using !important.

There are tons of ways one element can be precisely selected and styled. Where instead only a higher specificity rule was enough to solve the problem. Html,body and we could end up creating multiple rules using !important to override CSS color property and it could disrupt the natural flow of CSS. Here is an example showcasing the inheritance between parent-child relations. You check my other article to get a detailed understanding of how CSS inheritance works. There is also Unset property works as inherited. We can override css or change it if we want to, by using an initial property. Most of the time, we donвЂ™t specify the inherited word because it's the default. There is a simple way to inherit any property.

CSS Inheritance:Д«efore we talk about overriding letвЂ™s get a bit of understanding of how CSS inheritance works.ДЇor any element, If apply set of rules to style, the Same set of rules will be applied for all of their child elements. There are many other ways you can inherit or override CSS properties. So use !important as your absolute last resort. It could create more site-wide problems if used in global CSS. But using !important is the absolutely wrong way to do anything. Most commonly developers use !important to override any kind of CSS property to save them time. So you may need to understand overriding techniques to be able to do it.

#Not inherit font from body code

There are times when we struggle to apply a specific style to a specific element, but they simply donвЂ™t work mainly because the element inherits CSS properties that have higher precedence than the code youвЂ™re writing.