标签的特殊性标签的权值-原创手记-慕课网

首页课程实战体系课手记专栏慕课教程

标签的特殊性标签的权值

慕粉3305028 2016-05-05 10:57:13 浏览 2488

慕粉3305028

关注TA

手记 2

粉丝 0

获赞 27

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：

p{color:red;} /权值为1/
p span{color:green;} /权值为1+1=2/
.warning{color:white;} /权值为10/
p span.warning{color:purple;} /权值为1+1+10=12/

footer .note p{color:yellow;} /权值为100+10+1=111/

注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

相关标签: Html/CSS

2人推荐

发表评论

随时随地看视频慕课网APP

热门评论

qq_青枣工作室_02016-05-05 1

这只是一种让学生容易理解的方式，事实可不是这样计算的。

成千上万个不同的.class连在一起，权值还是比不上一个ID哦。

<!DOCTYPE html>
<style>
#test{
background-color:blue;
}
div.c1.c2.c3.c4.c5.c6.c7.c8.c9.c10.c11.c12.c13.c14.c15{
background-color:red;
width: 200px;
height: 200px;
}
</style>
<div id="test" class="c1 c2 c3 c4 c5 c6 c7 c8 c9 c10 c11 c12 c13 c14 c15"></div>

查看全部评论