The unset CSS keyword is the combination of the initial and inherit keywords. Like these two other CSS-wide keywords, it can be applied to any CSS property, including the CSS shorthand all. This keyword resets the property to its inherited value if it inherits from its parent or to its initial value if not. In other words, it behaves like the inherit keyword in the first case and like the initial keyword in the second case.
<body> <div>Hello, world!</div> <div class="unset">Hello, monkey!</div> <div>Hello, watermelon!</div> </body>
body {
background-color: #F5F5F5;
color: #555;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div {
background-color: #C0C0C0;
color: #006400;
font-family: Georgia, Times, Times New Roman, serif;
}
.unset{
all:unset;
}
See the Pen The unset CSS by Anish M Alias (@anishmalias) on CodePen.
Demo More Info
