                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

特殊性的问题

类选择符的权值为10，标签的权值为1,

在第一段中，既然有了类选择符(.first)，那为什么后面的标签span内的颜色不是绿色，而是粉色呢？

醉人独醒

2016-04-11

源自：初识HTML(5)+CSS(3)-升级版 9-3

关注问题我要回答

840

操作

收起

3 回答

qq_LilyZhou_03150628 回答被采纳 +3 积分
2016-04-11

类选择符设置了整个选中区域的颜色，而span标签在类选择符的基础上设定自己选中的颜色，相当于权值是10+1=11。也可以说是就近原则。

1 回复有任何疑惑可以回复我~

收起回答

醉人独醒提问者

哦~原来是这样啊，谢谢大神

2016-04-11 回复有任何疑惑可以回复我~

忆_卿

这里不能说就近原则吧，不信你把位置调换一下，结果还是一样的，这是权值问题，只有权值一样时才考虑就近。。。

2016-04-14 回复有任何疑惑可以回复我~

忆_卿回复忆_卿

说错了，，，就近原则是对外部内联嵌入才起作用。

2016-04-14 回复有任何疑惑可以回复我~

忆_卿
2016-04-14

怎么说呢，我的理解是

p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/

你把这两个代码结合来看，就是这两段代码在比较，p{}的权值是1，

而.first{}的权值是10 所以能整段代码显示是绿色，所以后面注解 /*因为权值高显示为绿色*/

而p span{} 修改的是span内容的样式，属于包含选择器，span又是继承p 标签，权值是0.1 而 p span{} 权值是2 所以结果应该为粉色。

0 回复有任何疑惑可以回复我~

收起回答

BlanknessCoder
2016-04-11

请问代码是什么？

0 回复有任何疑惑可以回复我~

收起回答

醉人独醒提问者

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

2016-04-11 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1225297 人
解答问题 18230 个

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

进入课程

本课相似问答

1 回答特殊性问题

4 回答特殊性权值的问题

3 回答特殊性权值问题

3 回答CSS的特殊性练习问题

1 回答css 特殊性

搜索更多本课相关问答

特殊性的问题

我要回答关注问题

热搜

最近搜索清空

特殊性的问题

3 回答

本课相似问答

特殊性的问题