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规则中尽可能的使用较少的选择器”。
=============================
以上描述参考网络资源。大漠