用CSS加下链接

Question

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

的效果

a { 
text-decoration: none; 
} 

这样我网站上的所有链接都没有下划线。它最初的文本装饰设置为带下划线，但因为像我的博客文章标题和＆＃34;更多的文字＆＃34;链接都加下划线，我将文本装饰设置为无。我想知道，有没有办法强调我的帖子内链接（例如，当我指的是博客文章中的另一篇文章或网页时），而不必编辑我的CSS中的其他所有元素文件通过添加文字装饰到＆＃34; none！important＆＃34; ？

Answer 1

查看您的HTML，找到一直包含所有这些内容的元素，并且只包含您想要下划线的链接，例如

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

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

 .blogpost a { text-decoration: underline }