网站制作学习网DIV+CSS→正文:CSS权重问题
字体:

CSS权重问题

DIV+CSS 2011/8/18 16:44:16  点击:不统计

%77w%77%2E%66%6F%72%61%73%70%2E%63%6E
通配选择符的权值 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,增加或减少单词间的空白

http://www.forasp.cn/

·上一篇:csshover.htc解决IE6下hover的兼容问题 >>    ·下一篇:css中换行的名词解释及应用 >>
推荐文章
最新文章