css - 使用 CSS 给链接加下划线

Question

我的主题的 css 文件有一行典型的写出链接的效果

a { 
text-decoration: none; 
} 

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

Answer 1

查看您的 HTML 并找到一个始终包含所有那些并且只包含您想要加下划线的链接的元素，例如

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

然后使用后代选择器(空格)选择里面的链接:

 .blogpost a { text-decoration: underline }