CSS层叠样式表之CSS解析机制的优先级及样式覆盖问题探讨

2019独角兽企业重金招聘Python工程师标准>>>

• 内联样式表的权值最高 1000；
  ID 选择器的权值为 100；
  Class 类选择器的权值为 10；
  HTML 标签选择器的权值为 1； 

样式的优先级

多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。

一般情况下，样式的优先级如下：（外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style。有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。 

CSS 优先级法则

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

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

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

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

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

转载于:https://my.oschina.net/ajian2014/blog/299696