Ячейки таблицы стилей без ячеек для таблиц - PullRequest
Новая
       0

Ячейки таблицы стилей без ячеек для таблиц

2 голосов
/ 28 января 2011

Учитывая этот код, как мне реализовать такой стиль, чтобы добавлялись только ячейки таблицы "a", а не таблица "a" и таблица "b"? 

<html>
  <style type="text/css">
  table.a td {background-color:green;} 
  table.b td {background-color:red;} 
  table {width:100%;}
  table.a tr td {padding:16px;} /*styles cells of table a and b*/
  </style>
</html>
<body>
 <table class="a">
  <tr>
   <td>&nbsp;</td>
   <td>
    <table class="b">
     <tr>
      <td>foo</td>
      <td>foo2</td>
     </tr>
    </table>     
   </td>
  </tr>
 </table>
</body>
</html>

Ответы [ 2 ]

6 голосов
/ 28 января 2011

Используйте дочерний селектор ( spec ): 

table.a > tbody > tr > td { padding:16px; }

Браузеры, кажется, вставляют пропущенный элемент tbody, поэтому table.a > tr > td не будет работать.

0 голосов
/ 28 января 2011

Попробуйте использовать непосредственный дочерний селектор table.a > tr{"my styles"}

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

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

...