关于css的优先级

Posted 2020-07-13 疯狂的小标点

样式的优先级

外部样式 < 内部样式 < 内联样式

选择器的优先权

 

解释：

1.  内联样式表的权值最高 1000；

2.  ID 选择器的权值为 100;

3.  Class 类选择器的权值为 10;

4.  html 标签选择器的权值为 1;

CSS 优先级法则：

A  选择器都有一个权值，权值越大越优先；

B  当权值相等时，后出现的样式表设置要优于先出现的样式表设置；

C  创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式；

D  继承的CSS 样式不如后来指定的CSS 样式；

E  在同一组属性设置中标有“!important”规则的优先级最大