15

動的に生成されたテーブルがあり、そのテーブルの最初の行から 5 番目のセルのスタイルを変える必要があります。

次の方法で最初の行のスタイルを設定できます。

//table.css

.mytable tbody tr:first-child { whatever styles I define.. }

または、次の方法で 5 列目:

.mytable tbody td:nth-child(5) { whatever styles I define.. }

この2つのセレクターを組み合わせて、1行5列のセルが異なるようにしようとしましたが、成功しませんでした。どうすればこれを達成できますか？

4

1 に答える 1

21

以下のセレクターを使用するだけです

デモ

デモ 2 (複数行)

.mytable tbody tr:first-child td:nth-child(5) {
   /* Styles goes here */
}

説明 : 上記のセレクターは、クラスを持つ ANY 要素の下にさらにネストされているtd1 番目のtr要素の下にネストされている 5 番目の要素を選択しますが、明らかにa 内で使用されますが、特定したい場合は、これを次のように変更できます。tbody.mytabletbodytable.mytabletable.mytable

または、使用できます

.mytable tbody tr:nth-child(1) td:nth-child(5) {
   /* Styles goes here */
}

nth説明:の代わりに使用して、上記と同じfirst-child

于 2013-09-17T09:38:29.233 に答える