フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

クソカードゲームを作るクソアプリを作った(React)

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

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

例 その1

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を書かないと有効にならない */
}

例 その2

index.html
  <table>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
      </tr>
    </tbody>
  </table>
style.css
/* 有効 */
table > tbody > tr > td {
  color : #f00;  /* タグ通り */
}
[紹介元] CSSタグが付けられた新着記事 – Qiita クソカードゲームを作るクソアプリを作った(React)

コメント

記事に戻る

コメントを残す