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

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 selectors：

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