p>span{color:blue;}权值怎么算？-慕课网

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

p>span{color:blue;}权值怎么算？

来源：9-3 权值计算-特殊性

互学习

2015-10-18 21:16

p span{color:red；}

p>span{color:blue；}后台颜色显示blue 它的权值比.first{color:green;}还大？

写回答关注

3回答

Perona

2015-10-18 21:25:11

已采纳

这里的span元素并没有引用first类，first类到这里已经是继承了，继承权值很低的。
至于p span{}和p>span{}权值是一样大的，都是1+1。
为什么最后执行的的blue。是因为权值相同的话后面的样式会覆盖前面的样式。把p span{}和p>span{}调换下位置你就知道了。

2 1

Perona 回复互学习

不客气~~~

2015-10-20 21:42:26

共 2 条回复 >
echo_kinchao

2015-10-19 13:30:27

行内样式最高这些百度都有的看的你这个只是后面的覆盖前面的而已

0 1
慕后端1508769

2015-10-18 22:48:49

当css样式出现重复的时候，后面的样式会覆盖掉前面的样式，因为对浏览器来说解析代码是从上往下解析的，解析到下面的时候自然而然的就把之前刚解析的给干掉了。唯一的区别就是第一种写法是css1里面的写法，第二种是css2的写法，二者作用等同，均表示给P标签里面的所有span标签加样式

1 1

互学习

谢谢，继续努力

2015-10-20 21:40:41

共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

相似问题

p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} #second{color:blue;}

回答 1

p span{color:purple;} p>span{color:blue;} 他们权值相同，那是不是显示的颜色是就近原则？

回答 3

p>span{color:purple;}的权值

回答 2

子选择器的权值怎么算p>span，也是10+1吗

回答 1

p>span{color:yellow;}权值问题

回答 1

打开慕课网App查看更多内容