Multiple CSS styles are stacked into one

From: w3school.com.cn

Multiple styles are stacked into one

Style sheets allow you to specify style information in multiple ways. Styles can be specified in a single HTML element, in the header element of an HTML page, or in an external CSS file. You can even reference multiple external style sheets in the same HTML document.

Cascade order

Which style will be used when the same HTML element is defined by more than one style?

Generally, all styles are stacked in a new virtual style table according to the following rules, where number 4 has the highest priority.

1. Browser default settings
2. External style sheet
3. Internal style sheet (inside the
4. Inline style (inside the HTML element)

Therefore, inline styles (inside an HTML element) have the highest priority, which means they take precedence over the following style Declaration: