span标签的权重是1 ，.two的权重是10，为什么英文字母的下划线还是蓝色呢？

weixin_慕粉5325704 2019-05-29

源自：CSS文本样式 3-13 文本样式其他属性

12

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2019-05-29 15:55:55

你好，除了权重计算，还有就近原则，.two是在p标签上添加样式，span标签中会继承这个颜色，而span标签中有设置自己的样式，所以会优先显示自己的样式，所以span标签显示的字体颜色为蓝色，相应的下划线也是蓝色。

如果span标签不设置下划线，p标签中有下划线，显示的就是p标签的下划线红色。

祝学习愉快！

宝慕林3368338 #1

老师我也有同样的问题。之前我们不是讲先看权重，权重相同才看就近吗？

2021-09-11 23:33:56
好帮手慕慕子回复宝慕林3368338 #2

同学你好，不止权重相同才看就近，涉及到继承样式时也会看就近原则的。
截图中的代码，.two类选择器设置的样式，属于给span的父元素p设置样式，span本来会继承父元素设置的样式，但是，由于通过span标签选择器直接给span设置了样式，所以根据就近原则，优先使用自己的样式，显示的字体颜色为蓝色，相应的下划线也是蓝色。
祝学习愉快~

2021-09-12 11:24:09

相似问题

3-9中上课的例子问题

权重这里还是有点不明白

老师这个圈出来的地方实现不了。麻烦给讲解下

关于本节中的颜色问题

为什么此时是蓝色和红色重叠，但是橘色的文字也出现了重叠？

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载