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

p>span与.first

p span{}权值不是2吗？那.first的权值是10比2高，为什么结果显示的是p span{}设置的紫色

AI球球

2016-04-21

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

关注问题我要回答

1059

操作

收起

5 回答

qq_浅浅五月_03234958 回答被采纳 +3 积分
2016-04-22

p span{}本身的权值确实是2，但是.first对<span>胆小如鼠</sapn>这四个字的影响力只有继承的权值，为0.1。

所以2>0.1

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

#1

AI球球提问者

继承要怎么判断

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

#2

qq_浅浅五月_03234958 回复 AI球球提问者

如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。但注意有一些css样式是不具有继承性的。如border:1px solid red;课程只给了这些，我的理解是要判断继承，1.首先是具有继承性标签2.必须是一个标签套着一个子标签。这个子标签才有继承性。

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

#3

AI球球提问者回复 qq_浅浅五月_03234958

针对这道题就是span是子标签，它继承了first ，所以first在 span这里的权值就是0.1 我这样理解对吗

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

查看1条回复

MeMefi
2016-04-21

显示颜色并不仅仅看权值的。根据具体情况判断的。

浏览器根据权值来判断使用哪种css样式。权值高的就用哪种css样式

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

当权值相同时，层叠解决。层叠式在html文件中允许同一个元素有多个css样式存在。当有相同权重的样式存在时，会根据这些css样式的前后顺序决定，处于最后的css样式会被应用。

css样式的优先级为内联样式表（标签内部）>嵌入样式表（当前文件中）>外部样式表（外部文件中）

当想忽略权值进行设置css样式时，使用重要性解决P{color :red!important;}

样式优先级为:浏览器默认的样式<网页制作者的样式《用户自己设置的样式

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

qq_封中追风_03228532
2016-04-21

p span是子选择器，权限值不是2吧

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

#1

AI球球提问者

知识点那里写着呢就是2啊

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

IT商业精英
2016-04-21

最高权值是100，而且选取的是就近原则

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

#1

AI球球提问者

那要是看就近原则还用区分权值吗？

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

IT商业精英
2016-04-21

因为选取的是就近原则

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

举报

0/150

提交

取消

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

参与学习 1225781 人
解答问题 18234 个

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

本课相似问答

1 回答p span{font-weight:bold;}与.first span{font-weight:bold;}

3 回答p .first span{color:purple; }

5 回答.first,span,p>span{color:green;}

4 回答p>.first span{color:purple;}

1 回答p .first span可以吗？

搜索更多本课相关问答

p>span与.first

我要回答关注问题

意见反馈帮助中心 APP下载