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

时间:2011-06-14 18:15:02

标签: html css dry nested

出于好奇,我想知道我能不能做些什么,因为我很懒。所以我有这个:

<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。有没有办法放置一个标签来强制在这些链接上使用某种样式,没有必须在每个链接上放置代码或导致页面上的所有链接都没有下划线?也许有些嵌套技术?

1 个答案:

答案 0 :(得分:4)

当然,只需使用CSS selectors

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