CSS:
<style>
strong { color: red; }
.carrot { color: orange; }
.aqua { color: aqua; }
#blue { color: blue; }
</style>
HTML:
<strong>S</strong>heets
<strong class="aqua">S</strong>tyle
<strong class="carrot" id="blue">C</strong>ascading
Result:
Sheets Style Cascading
Important: The class selectors .carrot and .aqua have higher priority
than the tag selector strong.
The ID selector #blue has higher priority
than the class and tag selectors.