# The inherit keyword

strong {
font-weight: 900;
}
.my-component {
font-weight: 500;
}
The .my-component class sets font-weight to 500 instead. To make the <strong> elements inside .my-component also font-weight: 500 add:

.my-component strong {
font-weight: inherit;
}

# The initial keyword

You learned earlier that every property has a default value in CSS. The initial keyword sets a property back to that initial, default value.

aside strong {
font-weight: initial;
}
This snippet will remove the bold weight from all <strong> elements inside an <aside> element and instead, make them normal weight, which is the initial value.

# The unset keyword

If a property is inheritable, the unset keyword will be the same as inherit. If the property is not inheritable, the unset keyword is equal to initial.