---
# System prepended metadata

title: The inherit keyword

---

# 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.