CSS权重

1、行内样式，指的是html文档中定义的style

行内样式包含在你的html中 对你的元素产生直接作用，比如:

<h1 style="color: #fff;">header</h1>

2、ID选择器

Id也是元素的一种标识，比如#div

3、类，属性选择器和伪类选择器

这一类包括各种class，属性选择器，伪类选择器比如 :hover,:focus等等。

4、元素和伪元素

元素跟伪元素选择器，比如:before 与 :after

 

顺序： 行内样式>ID>CLASS>元素，按照这个优先级

 

1、利用LVHA原理来给链接应用样式：如果你想展现不同状态的链接样式，一定要记住link-visited-hover-active的顺序，或者简写为LVHA。

2、永远都不要使用“!important”：“如果你遇到了权重问题，第一个解决方法肯定是去掉“!important”，“!important”会覆盖所有的样式规则，但“!important”根本没有结构与上下文可言，所以很少用到。

3、利用id增加选择器权重：利用ul#blogroll a.highlight代替a.highlight ，权重由0, 0, 1, 1 变成了0, 1, 1, 2。

4、减少选择器的个数：“在css规则中尽可能的使用较少的选择器”。

 

=============================

以上描述参考网络资源。大漠