5

私はcssフォーマットを広く使用しており、thead、tbody、tfootのサブクラスと、tr、th、tdの別のレベルのサブクラスを持つテーブルのクラスを定義しています....

場合によっては、テーブルの列全体を特定のスタイルのクラスにする必要があります...しかし、その方法がわかりません。

tbody の特定の列のすべてのセルを同じクラスにする方法はありますか (HTML5、css3、その他を使用しますか?)。

クラスを明示的に(手動で)指定できますが、そのような重複は避けたいと思います。

どんな考えでも大歓迎です。

PSおそらく、私はそれを気にせず、各セルのクラスを明示的に指定するだけでよいでしょうか?

4

2 に答える 2

6

nth-child css 疑似セレクターを使用して、テーブルの中央の列をターゲットにすることができます。

例:

#myTable tr td:nth-child(3) {
  text-align: center;
}

これは、行の 3 番目の列をターゲットにします。それに応じて X を調整するだけです。n 番目の子ごとに "n" を変数として使用することもできます。包括的な例については、http://css-tricks.com/how-nth-child-works/をご覧ください。

于 2012-04-21T02:14:23.227 に答える
1

colcolgroupタグを見てください。これらは列の定義に使用できます。ただし、適用されるスタイルにはいくつかの制限があります。

http://www.quirksmode.org/css/columns.html

于 2012-04-21T02:11:22.473 に答える