请问为什么em 和 a 的颜色不同不是应该继承p 元素的颜色吗

<p style='color:red'><a href="">a元素</a> <em>em元素</em>

AXLL 2019-06-02

源自：CSS选择的艺术 4-1 CSS继承和层叠

6

收起

2回答

好帮手慕码 2019-06-03 09:38:09

同学你好！

（1） any-link指的是超链接，前边的-webkit-是谷歌浏览器的前缀。它不是伪类

在之前的问题中a标签没有继承父级p标签的颜色是因为：a标签有浏览器给它的默认颜色，故没有继承（在a标签中，默认大于继承）

（2）下面问题中，同学直接给a标签设置了蓝色，直接设置的样式覆盖了浏览器默认颜色，所以a标签呈现蓝色（直接设置大于默认）

如果帮助到了你欢迎采纳祝学习愉快~

提问者 AXLL #1

大概懂了吧

2019-06-03 11:24:40
好帮手慕码回复提问者 AXLL #2

同学你好！通俗一点讲就是：a标签自己有默认颜色，所以不会继承父级的，除非你直接给a设置颜色，那么它的颜色就是你设置的。em没有默认颜色，所以它继承了父级的颜色祝学习愉快~

2019-06-03 11:38:40
提问者 AXLL 回复好帮手慕码 #3

多谢我已明白。

2019-06-03 14:07:33

好帮手慕码 2019-06-02 11:10:38

同学你好！

层叠样式表的优先级中，浏览器为用户设置的样式优先于开发者（用户本身，就是我们自己）设置的样式。

而浏览器已经为a标签设置了一个默认颜色，所以a标签里的内容没有继承父级p的颜色

如果帮助到了你欢迎采纳祝学习愉快~

提问者 AXLL #1

我将例子改为<p style='color:red'><a href="">a元素</a> <em>em元素</em></p> CSS文件添加：a{color: blue} 由于原本:any-link 是伪类。权重为011 CSS文件a权重是001 a元素为何还是出现蓝色。

2019-06-02 23:12:02

相似问题

em不应该是32*1.5？不是继承父元素吗？

选择器和优先级

这道题目麻烦老师再帮忙解释一下，没看懂

颜色选择器选择的颜色名称怎么打

body的背景颜色

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

1.前端零基础入门

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

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

本课精华内容

问答作业

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

16 1

请老师检查

65 3

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

26 3

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

18 1

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

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载