27

以下の行と同じことができる CSS セレクターがあるかどうかはわかりません (jQuery コード):

.tab_cadre_central .top:eq(0) table tbody tr td table tbody tr:eq(3)

私はCSSで次のようなものを試しました:

.tab_cadre_central .top::nth-child(0) table tbody tr td table tbody nth-child:eq(3) {
    display:none;
}

しかし、うまくいきませんでした。

4

2 に答える 2

46

jQuery:eq()は 0 ベースのインデックスを:nth-child()使用しますが、1 ベースのインデックスを使用するため、インデックスを適切にインクリメントする必要があります。

.tab_cadre_central .top:nth-child(1) table tbody tr td table tbody tr:nth-child(4)

しかし、そのセレクターのリファクタリングについて本当に考えるべきです...

⚠ と:eq()は:nth-child()同じように動作しますが、同じではないことに注意してください。:eq()セット内のn+1番目の要素を選択し、それぞれの親のn番目の子であるセット内のすべての要素:nth-child()を選択します。⚠</p> 

<div>
    <span></span>
    <span></span>
</div>
<div>
    <span></span>
</div>

セレクターdiv span:nth-child(1)は 2 つの要素を取得しdiv span:eq(0)ますが、選択するのは 1 つだけです。

于 2013-02-22T02:47:50.387 に答える