2011-12-15 18 views
1

私はできる限り私の問題を解決しようとしますので、私と一緒にご負担ください! :)特定のクラスの奇数/偶数子のセレクタがCSSにありますか?

私は次のようなものがあります。私のアプリケーションでは、#containerの各divを任意の回数繰り返すことができます。だから、div.aはそこにいないかもしれないし、複数のものがあるかもしれない。

<div id="container"> 
    <div class="a">1</div> 
    <div class="b">2</div> 
    <div class="b">3</div> 
    <div class="b">4</div> 
    <div class="b">5</div> 
    <div class="c">6</div> 
</div> 

上記のhtmlでは、div#3と#5のCSSセレクタが必要です。 div.b + div.bを使用すると、スジの最初の部分を除いてすべてのdiv.bに影響します。 div.bを使う:nth-​​child(even)はdiv#1でカウントを開始しているので、div#2が選択され、私はそれを必要としません。

私が必要とするのは、スジの前後にあるものの影響を受けることなく、スジの偶数div.bをすべて選択できることです。 JavaScriptを使用しないようにしたいと思います。何か案が?

+1

実際に存在するセレクタを使用する以外は、 '.b:nth-​​of-class(even)'を探していますか? – thirtydot

+1

どのような互換性が必要ですか? –

+0

htmlを変更して、 'odd'と' even'を追加クラスとして追加できますか? – graphicdivine

答えて

0

誰かが検索エンジンからこの質問を見つけた場合に、この回答を追加します。

数時間の研究の末、このことに対する魔法の答えはありません。私がこれほど多くの時間を費やすことはなく、マークアップの中で「奇妙な」クラスと「偶数」クラスを使い分けてください。 :)

0

「+」は、次の兄弟要素または隣接要素です。すなわちli + liまたはh3 + p

あなたは隣接しているとは思わないが、n番目の要素を探している。

+0

質問タイトルを編集しました。 – BoltClock

+0

jqueryをCSSで使用する代わりに使用できますか? – Brian

関連する問題