original
.outer {
background: grey;
padding: 10px;
}
.inner {
background: beige;
padding: 10px;
border: 1px solid red;
}
.outer.jsx-344d7b5ac2886a9f{background:grey;padding:10px}.inner.jsx-344d7b5ac2886a9f{background:beige;padding:10px;border:1px solid red} inherit
.outer {
background: grey;
padding: 10px;
}
.inner {
background: inherit;
padding: 10px;
border: 1px solid red;
}
.outer.jsx-73833c1718ca6b42{background:grey;padding:10px}.inner.jsx-73833c1718ca6b42{background:inherit;padding:10px;border:1px solid red} original We have inline styles & local body styles for an anchor tag.
a {
color: red;
font-size: 30px
}
Google a.jsx-64c5bcb9919cff69{color:red;font-size:30px} color: revert Set color property to the user agent stylesheet.
a {
color: green;
font-size: 30px;
color: revert;
}
Google a.jsx-c6cb21291f9be344{color:green;font-size:30px;color:revert} all: revert Set all CSS properties to the user agent stylesheet.
color: green;
font-size: 30px;
all: revert;
Google a.jsx-bea2a5ff2c241069{color:green;font-size:30px;all:revert} color: initial Sets property back to the spec default.
color: green;
font-size: 30px;
all: initial;
Google a.jsx-4373e7c6b4a0f26a{color:green;font-size:30px;all:initial} color: unset Inherit from parent if possible or sets property back to the spec default.
color: green;
font-size: 30px;
all: unset;
Google a.jsx-b6d5b6117d2cbdf8{color:green;font-size:30px;all:unset}