CSS选择器的优先级设定

来源:互联网 发布:淘宝卖的人皮面具 编辑:程序博客网 时间:2024/04/24 11:01

1. 标有"!important"的规则有最高优先级。

一个样式规则可以有一个"important"附带标签,表示该样式规则具有最高优先级。

例如下面例子中,字体颜色被标为important。

H1{color:black !important; font-family:sans-serif}

注意:这种声明容易引起混乱,因此通常使用得较少。

2. 创作者规则优先级高于浏览者规则

浏览器允许浏览者创建样式规则以覆盖系统缺省值。在此情况下,由网页创作者明确设定得样式优先级较高,而浏览者设置得样式规则优先级较低。

3. 更特殊得规则优先于不够特殊的规则

在决定特殊性时,selector中的ID属性有最高优先级。基于ID selector的优先级可通过计数Selector中类属性的数量确定,数量越多优先级越高。假如规则仍然无法确定优先级,则HTML元素名的数量决定了特殊性。

4. 在同一个级别的情况下,最后指定的规则有优先权

假如两个或更多的规定在应用了前三个规定具有相同优先级,则后给出的规则优先于早先给出的规则。

另外,由于直插式样式(使用HTNL标记的style属性设置的样式)的位置最接近于样式作用的标记符,因此它通常具有高优先级。 


css优先级的四大原则:

原则一: 继承不如指定,如果某样式是继承来的永远不如具体指定的优先级高

原则二: #ID > .class > 标签选择符

原则三:越具体越强大

原则四:标签#id >#id ; 标签.class > .class


Thanks: http://wenku.baidu.com/view/177b11d3240c844769eaee1a.html