CSS中为什么<a>标签下的子元素<p>不能改自己的text-decoration, 而只能由<a>来改?

我的CSS代码是这样的:



图片说明



在a下的p内添加了text-decoration属性,但是网页内a的下划线效果并没有消失。


但是如果这么写:


图片说明



问题就解决了。按理来说不应该要求是继承样式的优先级是最低的吗?为什么会这样?

css继承并不能继承所有的样式,你可以看看哪些能够继承,哪些不能
https://www.cnblogs.com/guokaifeng/p/10999679.html

下划线是a的样式,你赋予p
p标签在a里面 相当于p是子元素 a是父元素
假如要是p是包裹a p是父元素a是子元素 你进行p的text-decoration a标签就能继承父

因为你控制的不是 p 元素 不是所有属性都能自动在所有标签继承的