cssでテーブルデザインする時の注意点

テーブルデザインで">"を使用する際の注意点

必ず、tbodyを書かないと有効にならないらしい。
下記がサンプル。

例　その１

index.html

  <table>
    <tr>
      <td>text</td>
      <td>text</td>
    </tr>
  </table>

style.css

/* 無効 */
table > tr > td {
  color : #f00;  /* タグ通りに書いても効かない */
}

/* 有効 */
table > tbody > tr > td {
  color : #f00;  /* tbodyを書かないと有効にならない */
}

例　その２

index.html

  <table>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
      </tr>
    </tbody>
  </table>

style.css

/* 有効 */
table > tbody > tr > td {
  color : #f00;  /* タグ通り */
}