Quantcast
Viewing all articles
Browse latest Browse all 1317

"revert" does not respect inheritance

According to the MDN docs for revert, it respects inheritance. So, in theory, if I have this HTML:

<div class="container"><h1 class="header">there</h1></div>

and this CSS:

.container {  font-weight: normal;}.header {  font-weight: revert;}

the weight of the text should be normal. In theory, revert should first look to its parent (font-weight is an inherited property). Yet, this does not happen. Why?

This is especially odd, considering the fact that I'm applying "revert" directly to the element (so the theory about browser styles overwriting the element styles don't quite hold in this case).


Viewing all articles
Browse latest Browse all 1317

Trending Articles