⟩ What Are the CSS Cascading Order Rules?
The most important cascading order rules are:
► A specified CSS definition wins over a default CSS definition in the browser.
► A CSS definition with a contextual selector wins over a CSS definition with a tag selector.
► A CSS definition with a class selector wins over a CSS definition with a contextual selector.
► A CSS definition with an id selector wins over a CSS definition with a class selector.
► A CSS definition included in the HTML tag instance wins over other CSS definitions.
► A later CSS definition wins over an earlier CSS definition.
Note that cascading order rules are applied in the order as listed above.