问题描述
我试图将以下锚文本下划线样式应用于我的网站，但它也应用于页眉和页脚链接。
a {
text-decoration: none;
border-bottom: #EA215A 0.125em solid;
}
如何将此样式仅应用于正文链接？
解决方法
没有适用于所有网站的单一代码。这取决于 HTML 代码 - 你能分享一下吗？
假设 HTML5，使用 article 选择器
如果网站使用 HTML5，文章文本可能位于 <article> 标记中。
如果是这种情况，您应该可以使用：
article a {
text-decoration: none; border-bottom: #EA215A 0.125em solid;
}
有时人们将 <header> 和/或 <footer> 标签放在 <article> 标签中，因此上述方法不起作用。
如果 HTML 输出做得好，文章可能会有部分。
因此，如果在文章中输出页眉和页脚，将上面的选择器替换为 article section a 可能会给您更好的结果。
没有 HTML5
您不必盲目猜测文章内容有什么选择器。
右键单击文章文本并选择 inspect element 或类似内容（可能位于上下文菜单底部）。
您可能可以通过查看标签来构建选择器，哪个选择器适用于文章内容。
开发工具
在这种情况下熟悉浏览器的开发功能。
您必须确保这适用于网站拥有的所有类型的页面。
看来你对 HTML 不太了解……是时候熟悉它了。
应该够了
body a {
text-decoration: none;
border-bottom: #EA215A 0.125em solid;
}
要仅应用于正文，您应该使用 css 选择器，您可以使用元素标签、类或 id 来指定您应该在何处应用样式。
查看此页面以获取有关 css 选择器的更多信息：