Как применить стиль CSS к определенной строке в таблице HTML? - PullRequest
Новая
       0

Как применить стиль CSS к определенной строке в таблице HTML?

2 голосов
/ 06 марта 2011

У меня есть HTML-страница, которая выглядит примерно так: 

<html>
  <head>
    <style type="text/css">
       tbody, th, td {padding:0px;margin:0px;border:0px;}
       tr.foo { border: 1px solid blue; }
    </style>
  </head>
  <body>
    <table>
      <tbody>
        <tr><td>Nothing
        <tr class="foo"><td>Bordered
      </tbody>
    </table>
  </body>
</html>

Примечание: стиль tbody, th и td НЕ ДОЛЖЕН быть изменен, поскольку (в моем реальном случае использования) эти стили применяются к другим страницам.

Какой селектор шаблонов CSS можно использовать для выделения (создания рамки вокруг) строки с помощью класса foo?

1 Ответ

3 голосов
/ 06 марта 2011

РЕДАКТИРОВАТЬ: Я вижу, вы исправили свое border правило.Поскольку эта запятая была опечаткой, браузер должен правильно интерпретировать ваш CSS (см. jsFiddle ).В любом случае, попробуйте исправить свой тег style в комментариях Одеда.

Ваш селектор правильный, но ваше объявление равно неверно, между solid и * 1012 не должно быть запятой*: 

tr.foo { border: 1px solid blue; }

И вам, вероятно, следует закрыть свои теги td и tr, не то, чтобы оставлять их открытыми недопустимо, но, тем не менее, это хорошая практика.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...