0

次のように css を使用しtheadて a 内の要素を取得できることを知っています。table

table thead

しかし、テーブルのヘッド内の th 要素内に div を取得するにはどうすればよいでしょうか? 次のような 1 つの短い CSS 式でこれを取得できますか。

table thead th div

または、クラスなどを使用する必要がありますか

ありがとうございました

4

2 に答える 2

2

このような 1 つの短い CSS 式でこれを取得できますか?

はい、それは動作します

または、クラスなどを使用する必要がありますか

いいえ、この状況ではクラスを使用する必要はありません (上記の JsFiddle を参照)。

クラスなどを使用する必要がありますか？

結局のところ、セレクターが必要なものを正確にターゲットにしている限り、問題はありません。しかし、セレクターについて学んでいるだけなら、読む価値のあるcss 効率の概念があります。

注:最初のコメントは、これは有効な XHTML ではないと述べていますが、Html5 を使用している場合は問題ありません (そうすべきです! )。現在のHtml5 仕様divでは、フロー コンテンツが期待される場合は常にaが期待されth、いくつかの明示的な制限があるフロー コンテンツが期待されることを示していますが、div はその 1 つではありません。

これをさらにサポートするのは、この小さなコードが Html5 として検証されるという事実です。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th><div>hello</div></th>
        </tr>
      </thead>
    </table>
  </body>
</html>
于 2013-05-28T22:42:16.607 に答える