1、说明最具决定性的规则，覆盖所有其他样式内联样式权重值1000说明通过rdquostylerdquo属性直接设置，仅次于！importantID选择器权重值100说明如#content，用于标识页面上的唯一元素类选择器伪类选择器属性选择器权重值10说明类选择器如className。
2、在 CSS 中，important 规则用于增加样式的权重important 与优先级无关，但它与最终的结果直接相关，使用一个 ！important 规则时，此声明将覆盖任何其他声明 但是，使用 ！important 规则会破坏固有的级联规则，让调试找 bug，以及覆盖样式都变得更加困难因此，我们应该尽量避免使用 ！important 规则。
3、权重计算遵循这样的顺序！important 行内样式 id选择器 类选择器 标签选择器 通配符选择器在应用样式时，系统会根据此顺序选择最高优先级的样式理解CS。
4、权重在CSS中，继承来的属性权重通常为0若要设置属性的权重，可以使用！important规则该规则将当前属性的权重设置为无限大，但需注意，应尽量避免使用！important，因为它会破坏样式表中固有的权值比较规则，使调试变得困难格式化排版CSS提供了丰富的字体属性，包括字体选择大小样式和粗细字体大小。
5、接下来，内联样式通过quotstylequot属性直接设置，其权重值为1000，仅次于！importantID选择器，如#content，由于其独特性，权重为100，适用于标识页面上的唯一元素类选择器伪类选择器如content以及属性选择器的权重为10，这些在页面中更为常见，但优先级稍低标签选择器如divp和伪元素选择器。
6、2内联样式，如style=，权重值为1000 3ID选择器，如#content，权重值为100 4类，伪类和属性选择器，如 contenthover 权重值为10 5标签选择器和伪元素选择器，如divpbefore 权重值为1 6通用选择器*子选择。
7、CSS权重与优先级是决定元素外观的关键因素，主要基于选择器类型选择器复杂性以及！important指令的使用1 选择器类型 内联样式具有最高的优先级，因为它们直接绑定在HTML元素上 内部样式表位于HTML文件内部，优先级低于内联样式 外部样式表位于HTML文件之外，通常在单独的css文件中，优先级。
8、许多开发者认为css权重计算规则如下权重值计算选择器案例权重值importantInfinity内联样式style=quotquot1000ID#id100类className10属性type=#39text#3910伪类hover10标签p1伪元素firstline1相邻选择器子代选择器通配符0 然而，这样的计算模式在实践中可能会导致困惑，引发疑问多个类选择器的。
9、元素会被多个样式一层层作用，这就是层叠样式表的来源如果多个样式作用在元素上就会产生优先级权重的问题零属性后面使用！important，权重最大，会覆盖页面内任何位置定义的元素样式 一内联样式，权重为1000写在HTML元素的style属性中 二ID选择器，权重为0100非内联样式 三。
10、CSS语句的优先级规则可以通过以下一张图进行理解冲突筛选规则图第一层起源 ！important标记了！important的CSS规则具有最高优先级，会覆盖其他所有规则第二层针对性 ID选择器ID选择器的权重高于类选择器和标签选择器类选择器属性选择器伪类这些选择器的权重低于ID选择器，但高于标签。
11、元素选择器和伪元素选择器以HTML标签名和开头的选择器，其特殊性中的第三个数字加1通配符选择器*选择器，其特殊性为，是最低的特殊性示例对于选择器#id class p，其特殊性计算为，转换为权重值即为111！important规则使用！important可以强制应用某个规则，即使其权重值较低但多个。
12、CSS权重是由四个数值决定，看一张图比较好解释 图里是英文的，我翻译过来分别说一下，4个等级的定义如下 第一等代表内联样式，如 style=，权值为1000 第二等代表ID选择器，如#content，权值为100 第三等代表类，伪类和属性选。
13、在某些时候，你写了条样式去覆盖前面继承的样式，会发现不生效，这时你就可以用了我能给你举例的是1直接写在html元素上的行内样式默认权重比引入的样式高，你如果要让引入的样式覆盖行内样式就可以用这important2有些样式是js动态给元素加的idclass名的时候无效，这时也是用这个提高权重。
14、此时可能会出现很多问题，例如JavaScript代码执行故障CSS样式表加载故障或者标准Web Fonts加载问题因此在处理浏览器的字体倾斜问题时，应尝试重新加载JavaScript代码CSS样式表或者Web Fonts， 并更新到最新版本如果一切都已尝试过了而依然没能得到理想效果时， 也可以考虑使用 ！important 权重来覆盖原始样式。
15、margin 19px 0 0 5px！important*IE6不支持这种写法，其它浏览器优先执行这条* margin 4px 0 0 5px*只有IE6执行这一行，其它的浏览器认为前一条优先，故只执行margin 19px 0 0 5px* 你可百度一下CSS Hack。
16、这张图名为“冲突筛选规则”，它形象地展示了CSS规则在三个层次上的筛选过程优先级针对性和出现顺序首先，冲突的CSS语句需经历起源！important的优先级针对性ID类选择器和标签选择器的权重和出现顺序源代码中的顺序的层层筛选以一个实例说明在c1html中，如果三个CSS语句为。