Selectors Priorities

            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.