关于CSS嵌套不违反DRY哲学的一个问题

Question

出于好奇，我想知道我是否可以做点什么，因为我很懒。所以我有这个：

<tr class="headerRow">
     <td><a href='?sortby=title'>Title</a></td>
     <td><a href='?sortby=date'>Date</a></td>
     <td><a href='?sortby=outlet'>Media Outlet</a></td>
     <td><a href='?sortby=author'>Author</a></td>
     <td><a href='?sortby=region'>Location</a></td>
     <td>Tags</td>
</tr>

我不希望这一行中的链接加下划线。然而，我宁愿不为行中的每个链接放置class="blah"，因为这将违反DRY。有没有一种方法可以放置一个标签来在这些链接上强制使用特定的样式，而不必在每个单独的链接上放置代码或导致页面上的所有链接都没有下划线？也许是一些嵌套技术？

Answer 1

当然，只需使用CSS选择器：

.headerRow td a { text-decoration: none; }
.headerRow td a:hover { text-decoration: underline; }