得知互动

标题: css权重问题 [打印本页]

作者: swmozowtfl 时间: 2015-7-12 13:27
标题: css权重问题
通配选择符的权值 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,增加或减少单词间的空白

更多网页制作信息请查看：网页制作

作者: Mqokjdvq 时间: 2015-10-12 14:23
宁愿选择放弃，不要放弃选择。

作者: wwdu926a 时间: 2015-10-12 14:24
呵呵放心如我算错你以后来砸我的帖子呵呵

作者: seazvyt 时间: 2015-10-12 14:24
呵呵没事怎么有点被讽刺的味道啊

作者: alapScady 时间: 2015-10-12 14:24
看你快沉底了~~~~~~

作者: gevaemaidovef 时间: 2015-10-12 14:25
终于看完了~~~

作者: GoodyFouppy 时间: 2015-11-5 09:58
这是安慰我啊~~还是垮我啊???怎么感觉又被扁了啊

作者: effoggikeftor 时间: 2015-11-5 09:58
什么?????不知道......

作者: mwxny 时间: 2015-11-5 09:59
在这个处女都要验证码的时代不得不弄个会员来当每天看贴无数基本上不回后来发现很傻,很多比我注册晚的级别都比我高,我终于觉悟于是我就把这段文字保存在记事本里,每看一贴就复制粘贴一次。

作者: GoodyFouppy 时间: 2015-11-5 09:59
我帮不了你

作者: bqtklouu 时间: 2015-11-5 09:59
还呕像.....

欢迎光临得知互动 (https://bbs.dezhifl.com/)