クラスの2番目のインスタンスを選択しても表示されません。

Question

フォーラムにログアウトするリンクが多すぎます。私は2番目と3番目を表示したくない、私は最初だけを表示したい。

class = bbpresslogouturl 

私が試した：

.bbpressloginurl:nth-last-of-type(2){display:none;} 
.bbpressloginurl:nth-last-of-type(1){display:none;} 

をが、これはCSSを使って仕事をしていません。 jQueryを使用してn番目のクラスを選択する方法はありますか？

Answer 1

彼らがある場合は、CSSを使用することができ、 "兄弟/兄弟"

$('.bbpressloginurl').eq(1).hide(); 

されていない場合：

.bbpressloginurl:first-child + .bbpressloginurl{ display: none; } 

これは

.bbpressloginurl:first-child ~ .bbpressloginurl{ display: none; } 

この兄弟inmediateが非表示になりますすべての兄弟を隠すでしょう。

あるいはこの：

.bbpressloginurl:not(:first-child) { display: none; } 

それはあなたが共有しなかった、あなたにマークアップ依存..

またfirst-of-typeとlast-of-type __

は、クラス名に使用することはできません、ただ要素（ul、h2、..）

Answer 2

使用できる：

<div class="test"> 
    1 
</div> 
<div class="test"> 
    2 
</div> 
<div class="test"> 
    3 
</div> 

とCSS：

.test { 
    display: none; 
} 

.test:nth-child(1) { 
    display: block !important; 
} 

このfiddle

敬具をチェック！
クシシュトフ

Answer 3

隠す

$('.bbpresslogouturl').not(':first').hide();