I know that css has revert
value, but when to use? 🤔
One of the use-case
When reseting the link decoration but want to have the decoration back when hovering the element.
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: revert;
/* text-decoration: underline; */
}
What's good about it?
I think it is slightly better than giving text-decoration: underline;
explicitly, in order to be flexible for changes.
Any other use-cases??
Please leave a comment if you know other commonly used use-cases for revert
🙏
Top comments (0)