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

.first{color:green;} 与 p span{color:purple;}比较权值前者高，前者是10 ，后者是1+1=2，但为什么显示后者的设置参数呢？

.first{color:green;} 与 p span{color:purple;}比较权值，前者是10 ，后者是1+1=2，前者高于后者，但为什么显示后者的设置参数呢？

幕布斯5199888

2018-06-22

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

关注问题我要回答

1479

操作

收起

6 回答

qq_为你等候_03864839 回答被采纳 +2 积分
2018-07-02

同一层级看权值，包含层级看继承，应该是这样理解的吧！

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

收起回答

幕布斯5199888 提问者

非常感谢！

2018-07-02 回复有任何疑惑可以回复我~

qq_Scorpio苏_03634471
2018-07-24

你可以试试把样式加到标签中，相信会对你有所启发。权值的计算感觉是让我们可以更好的理解而已，实际运用的时候只要看哪个样式的定义更能准确的找到你要添加样式的地方，比如你在需要加样式的外面加标签，并指定Id，那肯定是用Id选择器为主，不用Id的话，那就是类选择器为主，以此类推。

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

收起回答

惡侑堊抱
2018-06-30

另外，p span{color:green;}是什么意思，p和span是并列？

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

收起回答

幕布斯5199888 提问者

p是父，span是子，是父子关系，意思是给p下边的span定义某种属性。我是这么理解的

2018-06-30 回复有任何疑惑可以回复我~

惡侑堊抱
2018-06-30

同问该问题

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

收起回答

幕布斯5199888 提问者

我理解的是，两者非同一层级，.first{color:green;} 是 p span{color:purple;}的父级，当有父子关系是采取就近原则，即当两者矛盾时，先保证子级属性。不知道我这么说你理不理解。。。

2018-06-30 回复有任何疑惑可以回复我~

慕瓜4225288
2018-06-26

我的理解是，对“胆小如鼠”颜色的选择是对标签的判断， 对于.first{color:green;}中的绿色是继承，权值最小，所以。。。

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

收起回答

李家小黑
2018-06-22

不是因为加了！important么，不加第一段就是绿色的。

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

收起回答

0/150

提交

取消

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

参与学习 1226115 人
解答问题 18236 个

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

进入课程

本课相似问答

6 回答.first全职是10 ，p span权值是2，为什么显示后者内容？

1 回答.stress比p span权值高为什么 span里显示是后者的语句效果

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

3 回答.first{color:green;}权值等于10 ，p span{color:purple;} 权值等于2，题目输入之后为何还是显示purple

1 回答p span{color:green;} /*权值为1+1=2*/是什么意思

搜索更多本课相关问答

.first{color:green;} 与 p span{color:purple;}比较权值前者高，前者是10 ，后者是1+1=2，但为什么显示后者的设置参数呢？

我要回答关注问题

热搜

最近搜索清空

.first{color:green;} 与 p span{color:purple;}比较权值前者高，前者是10 ，后者是1+1=2，但为什么显示后者的设置参数呢？

6 回答

本课相似问答

.first{color:green;} 与 p span{color:purple;}比较权值前者高，前者是10 ，后者是1+1=2，但为什么显示后者的设置参数呢？