20170802, css style priority, 70802css priority

20170802, css style priority, 70802css priority

Style priority

Multiple Styles: if external Styles, internal Styles, and inline Styles are applied to the same element at the same time, Multiple Styles are used.

Generally, the priority is as follows:

(External style) External style sheet <(Internal style) Internal style sheet <(Inline style) Inline style

 

 

Selector priority

 

 

 

 

 

Explanation:

 

1. The Inline style sheet has a maximum weight of 1000;

 

2. The weight of the ID selector is 100

 

3. The weight of the Class selector is 10.

 

4. the HTML Tag selector has a weight of 1.