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

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

<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。有没有一种方法可以放置一个标签来在这些链接上强制使用特定的样式，而不必在每个单独的链接上放置代码或使页面上的所有链接都没有下划线？也许是一些筑巢技术

当然，只要使用：

当然，只要使用：

---

谢谢Wex！我非常确定CSS会有一个简单的解决方案，我只是还不了解它。也许更好的是，将表格单元格更改为适当的表格标题（

…

），不仅可以在

中省去额外的类，只需使用{…在样式表中，但是您向表中添加了语义结构。谢谢Wex！我非常确定CSS会有一个简单的解决方案，我只是还没有足够的理解它。也许更好的是，将表单元格更改为适当的表头（

…

）您不仅可以在

中省去额外的类，在样式表中使用

th{…

，而且还可以向表中添加语义结构。

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