给a标签中的内部元素的文本去除下划线

一、问题描述

[HTML]

<a href="#">
	<p>文本内容</p>
</a>

如上代码所得结果，位于a标签中的其他元素中的文本默认会有下划线

[CSS]

a>p {
	text-decoration: none
}

如上，当时直接基于p去除下划线，然而不起作用

---

二、解决方式

[CSS]

a {
	text-decoration: none
}

通过直接去除a的下划线，从而去除 a标签 内部标签的文本的下划线。

---

三、总结

因为这里的下划线是 a 标签的默认属性，所以直接操作 a 标签即可解决包括其内部元素的样式问题 。