1.多个选择器可能会选择同一个元素，有3个规则，从上到下重要性降低： ！important的用户样式 ！important的作者样式 作者样式 用户样式 浏览器定义的样式 2. CSS规范为不同类型的选择器定义了特殊性权重，特殊性权重越高 ...

---恢复内容开始--- 以上代码先是设置了所有的div的背景色是蓝色，这样body中的三个div的背景色就都是蓝色的了，后来又通过id的形式设置了main这个div的背景色是red，这个属性会覆盖掉通过div设置的蓝色背景，footer也是一样的道理。 可如果是这样结果是 ...

直观 行内样式>内联样式=外联样式 ID选择器>类选择器=伪类选择器=属性选择器>元素选择器=伪元素选择器>通配符选择器 !important申明的优先级最高 就近原则（最晚声明的生效） 微观 !important权重最高 ...

CSS三大特性—— 继承、 优先级和层叠。 继承：即子类元素继承父类的样式; 优先级：是指不同类别样式的权重比较; 层叠：是说当数量相同时，通过层叠(后者覆盖前者)的样式。 css选择符分类　　 首先来看一下css选择符(css选择器)有哪些? 　　1.标签选择器(如：body,div ...

一、css样式的权重：！important(1000+) > 内联样式( 1000 ) > ID选择器(100 ) > 类选择器(10) > 标签选择器( 1 ) > 默认样式( 0 ) 二、常用的样式顺序： 内联样式表 > ID 选择器 > ...

...

之前写页面样式时，有时会遇到 用多条样式定义规则对同一个元素进行样式设置的时候，当时想到的就是 按css选择器的优先级来搞定这个问题，说实话当时也就只记得 内嵌样式 > id > class > 标签 这样简单的规则，虽然基本可以搞定需求，也自以为然的就是这个样子了，直到 ...

简单拿的介绍一下css的优先级顺序 优先级最高的-!important 然后是行内样式 ID选择器 类选择器 标签 通配符 经常用的有*，它会把所有的样式都改变，一般用来重置样式，写法如下 继承 ...