Вопрос о вложенности CSS без нарушения философии DRY - PullRequest
1 голос
/ 14 июня 2011

Из любопытства мне интересно, могу ли я что-то с этим сделать, потому что я ленивый. Итак, у меня есть это:

<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 Ответ

4 голосов
/ 14 июня 2011

Конечно, просто используйте CSS селекторы :

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