What does revert do in CSS?
And how is it different from unset or initial?
I’ve often used initial and unset in my CSS –
global keywords that can be applied to any property.
The difference is small, but important:
unset allows inheritance,
while initial does not.
But then Firefox implemented revert and I was confused –
how is this one different from the others?!
Revert takes user and user-agent styles into consideration
It turns out revert is the one I wanted all along.
It rolls back styles to the expected browser default for each element,
rather than using the specification default for each property.
- MDN documentation
- CodePen demo
Ask us anything.
We’re happy to answer your questions, big or small. If we’re a good fit for your custom web project, we’ll offer a free in-depth assessment!
Schedule a call with Miriam