What is cascading order in HTML?

Answer 1

The cascading order of CSS used to display HTML is as follows:

1. Browser default
2. External style sheet
3. Internal style sheet
4. Inline style.

What this means is that an inline style rule will override an internal style sheet rule, an internal style sheet rule will override an external style sheet rule, and an external style sheet rule will over ride a browser default.

It is also important to understand that for a given design element there is a priority level. This looks like:

1. element
2. .class
3. #id

Let's say we have a

element, a class="content" element, and an id="first-paragraph" element. What this means is that if you have a

tag that looks like

then the rules for the id override the rules for the class and the rules for the class override the rules for the element.