2011-12-14 6 views
3

私はネストされたコメントがゼブラの背景色を持つコメントシステムを作ろうとしています。 (青bgは青bgに返信します)CSSはすべての奇妙な入れ子の子供を参照していますか?

これらは、.comment、.comment、.comment、.comment、.comment、.comment、.comment、.comment ... ...これらのネストされた子どもを参照する方法はありますか?

***私はスタイルシートにしかアクセスできないので、html、php、およびjavascriptは問題になりません。

+1

コメントツリーを生成するときに、 "偶数"クラスと "奇妙な"クラスを適切に適用することはできません。私はそれがここの標準的なアプローチだと思う。 – aroth

+0

コメントスレッドにいくつかのHTMLサンプルを提供できますか? –

+0

短いストーリー、それは私のウェブサイトではないので、私はそれのスタイルだけを変更することができます。それぞれのコメントには「コメント」という名前のクラスがあるため、オッズとエヴェンスを生成するオプションはありません。 – PearSquirrel

答えて

0

あなたはコメントはページ(例えば:.row1.row2など)上にレイアウトされているよう手続きを適用だ.commentを伴うために、交流クラスを追加することができ、その後、CSSで応じてそれらのクラスのスタイル。

+0

問題は、スタイルシートのみを変更できることです。 – PearSquirrel

+0

@PearSquirrelそれは確かに制限要因です。現代のブラウザでは、**:nth-​​child **擬似クラスを試すことができます:http://www.w3.org/TR/selectors/#nth-child-pseudo – Aaron

-1

テーブル内のすべての行にゼブラエフェクトが必要なシステムがあります。次のjQueryを使用しました。 Mabyはセレクターもあなたに応募します。これはCSSリファレンスのnth-childため

+0

残念ながら、これは単に他のすべてのテーブル行をスタイルします'ネストされた'コメントのパターンは完全に無視されます。 – Aaron

-1

見て、セレクタセクションを助け

$('#celebs tbody tr:even').css('background-color','#dddddd'); 

希望。あなたが行を交互に異なるクラスを適用する必要はありません

tr:nth-child(even) { 
    background: #cccccc; 
} 
tr:nth-child(odd) { 
    background: white; 
} 

;: それは、このようなものを使用していますCSS自身も奇数行と偶数行を区別します。

+0

これはどういう意味ですか?私はnth-子供が1つの親要素だけを参照していると信じていますが、私は間違っている可能性があります。これは3つの李のulが最初の白、次の白、3番目の白を持つことを意味するでしょうか?私が必要とするのは、すべてが白であることですが、誰かがその人に返信すると、そのコメントは、例えば、青色では違う色になります。コメント構造は次のようになります:WHITE parent> BLUE child> WHITE child child> BLUE child child child> WHITE child child child child ... – PearSquirrel

+0

CSS3の方がより良いサポートを待つことができません...このようなセレクタは驚くほどです恐ろしい。 – Aaron

+0

申し訳ありませんが、私は誤解していたと思います。厳密な交替、1つの投稿、1つの返信はありませんか?構造のサンプルスニペットを投稿できますか? – smendola

関連する問題