Basic and Advance CSS Examples and Concepts Question:
What Are the CSS Cascading Order Rules?

Answer:
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.
► 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.
Previous Question | Next Question |
What Is CSS Cascading? | How To Remove the Top White Space of Your Web Page using CSS? |