css权重问题
2014-10-29来源:

通配选择符的权值 0

标签的权值为 1

类的权值为 10

属性选择的权值为 10

伪类选择的权值为 10

伪对象选择的权值为 1

id的权值为 100

important的权值为最高 1000

规则是:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先

注意:

1.除了标签选择器之外,要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的,如果适用范围是公共级的,应该放于全局的定义中。但,如果它只影响于某个栏目,那么就应该把它放在栏目级的作用域中。

2.标签选择器一般属于栏目定义,有时会用于公共级作用域中,除了最基础的reset之外,应尽可能少使用在公共级定义中

3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候,应特别注意它的作用域,除了最基本的reset之外,在公共作用域中最好不要使用标签选择器,在栏目级作用域中也应尽可能的少用。

4.同类选择器无加权

常用有继承性的样式定义:

text-indent

text-align

layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic

writing-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl

line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行

white-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式

word-wrap,这个属性可以控制换行

list-style

list-style-image

list-style-position

list-style-type

font

font-style

font-variant

font-weight

font-size

line-height

font-family

color

text-transform

letter-spacing

word-spacing,增加或减少单词间的空白

更多信息请查看IT技术专栏

推荐信息
Baidu
map