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:
allshorthand 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