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).