Css样式覆盖顺序

[list]
[*][b]1,css样式选择器的优先级为[/b]:[color=red]“元素上的style” > “id选择器” > “class类及伪类选择器” > “元素类型及伪类选择器”[/color]。参考:[url=http://www.w3.org/TR/CSS2/cascade.html]CSS2 cascade - 6.4.3 Calculating a selector's specificity[/url]
[*][b]2,css样式选择器的优先级相同时[/b][color=red],根据样式被加载的顺序渲染,后面定义的样式生效[/color]。和元素class出现的顺序无关,如class="class2 class1”, 在class2、lass1的样式选择器优先级相同的情况下,并不是class1覆盖class2,而是依赖于class2,、class1所在样式文件被link进来的顺序。
[*][b]3,要让某个样式的优先级变高,[/b][color=red]可以使用!important来指定[/color]。参考:[url=http://www.w3.org/TR/CSS2/cascade.html]CSS2 cascade - 6.4.2 !important rules[/url]
[*][b]4,css属性的继承[/b]:
[/list]
参考:
[url=http://spartan1.iteye.com/blog/1526735]css样式表中的样式覆盖顺序[/url]
查看Firebug中的Style标签中各css属性的覆盖,可以[color=red]校验上述的结论[/color]!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值