css优先机制

样式的优先级

（外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style

（内部样式就是css写在html页面的<style>标签中）
（内联样式就是css直接写在html标签的style属性中）

选择器的优先权

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

2. ID 选择器的权值为 100

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

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

CSS 优先级法则

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

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

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

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

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

F 同一个css文件中，对同一个选择器同一个优先级的内容，写得排在后面的内容会覆盖前面的内容。比如：.abc{margin:10px;}.abc{margin:20px;}，最终的到的class为abc的内容的margin值是20px。这个原因是css文件的运行方式，是从前往后开始解读运行的。

转载于:https://www.cnblogs.com/yueyishanchen/p/4742273.html