Условные альтернативные стили строк таблицы в HTML5 - PullRequest
1 голос
/ 31 декабря 2010

Есть ли какие-либо изменения в отношении этих вопросов Условные альтернативные стили строк таблицы с момента появления HTML5?

Вот копия оригинального вопроса:

Возможно листиль строк альтернативной таблицы без определения классов на альтернативных тегах?

С помощью следующей таблицы может ли CSS определять стили альтернативных строк БЕЗ необходимости присваивать альтернативным строкам класс "row1 / row2"?row1 может быть по умолчанию, поэтому проблема в row2.

  <style>
  .altTable td { }
  .altTable .row2 td { background-color: #EEE; }
  </style>

  <table class="altTable">
   <thead><tr><td></td></tr></thead>
   <tbody>
    <tr><td></td></tr>
    <tr class="row2"><td></td></tr>
    <tr><td></td></tr>
    <tr class="row2"><td></td></tr>
   </tbody>
  </table>

Ответы [ 2 ]

5 голосов
/ 31 декабря 2010

CSS3 поддерживает свойство "nth-child" в теге tr.Должно работать что-то вроде следующего:

tr:nth-child(odd)  { background-color: white; }
tr:nth-child(even) { background-color: green; }
0 голосов
/ 31 декабря 2010

Jacob R's решение к вашей первоначальной публикации по-прежнему применяется.

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