How to reset an elements inherited properties using css?

#css #html #webdev

If an element is inheriting alot of css properties you can reset all properties to their unset state at once using all: unset property.

This can come handy if your element is inheriting alot of properties due to css frameworks, custom css or any third party css imports.

According to MDN:

The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin.

You can read more about all property here