如何解决一个不违反DRY原则的CSS嵌套问题
|| 出于好奇,我想知道我是否可以为此做点什么,因为我很懒。所以我有这个:<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。有没有一种方法可以在这些链接上放置单个标签以强制执行某种样式,而不必在每个单独的链接上放置代码或使页面上的所有链接都未加下划线?也许一些嵌套技术?
解决方法
当然,只需使用CSS选择器即可:
.headerRow td a { text-decoration: none; }
.headerRow td a:hover { text-decoration: underline; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。