用 CSS 给链接加下划线答案

【问题标题】：Underlining links with CSS用 CSS 给链接加下划线
【发布时间】：2015-01-04 04:25:53
【问题描述】：

我的主题的 css 文件有一个典型的行，用于链接到

的效果

a { 
text-decoration: none; 
}

所以我网站上的所有链接都没有下划线。它最初将文本装饰设置为下划线，但因为我的博客文章标题和“更多文本”链接等项目都被下划线，我将文本装饰设置为无。我想知道，有没有办法在我的帖子链接下划线（例如，当我在博客文章中引用另一篇文章或网页时）而不必通过添加文本来编辑我的 css 文件中的所有其他元素- 装饰为“无！重要”？

【问题讨论】：

您只需要添加另一个类，例如post_link，即可为您想要加下划线的链接添加下划线。然后在 HTML 中，<a class="post_link"...> 和在 CSS 中，a.post_link { text-decoration: underline; } 或类似的东西。
谢谢！所以当你说添加另一个类时，我是否只是简单地添加到你写到我的 css 文件的 a.post_link 行？然后用我博文中的 HTML 代码来引用它？
是的。你应该谷歌“CSS 教程”来学习 CSS 的基础知识。这是 CSS 解决的一个非常基本的问题。

标签： css wordpress

【解决方案1】：

浏览您的 HTML 并找到一个始终包含所有这些且仅包含您想要下划线的链接的元素，例如

<div class="blogpost"> 
  ... 
  I just found <a href="http://example.com">this amazing site</a>!
  ...
</div>

然后使用后代选择器（空格）选择里面的链接：

 .blogpost a { text-decoration: underline }

【讨论】：