CSSは、IE6の最初のものを除いて、クラスからすべての要素を隠す

Question

私は特定のクラスのすべての要素を隠す方法を探しています - 最初のものを除いて。私はjavascriptでこれを行う方法があることを認識していますが、この機能は、が有効になっているのためのものです - だから私はCSSのみを探していますソリューション。

<div class="foo">Content 1</div> //not hidden 
<div class="foo">Content 2</div> //hidden 
<div class="foo">Content 3</div> //hidden 

私は次のようにfirst-child pseduoクラスを使用することによって、これを達成することができます：

.foo:first-child { 
    display:block; 
} 
.foo { 
    display:none; 
} 

しかし、IE6は、このpseduoクラスをサポートしていないので、それは動作しません。残念ながら、私はIE6のサポート（一息）をキャンセルすることはできませんので、私はこの特定のセレクタを使用せずにこれを達成する方法を探しています。

ありがとうございます！

Answer 1

フォールバックと同じスタイルのクラスを使用します。 IE6が連鎖をサポートしているかどうかわからないので（私が知っている限り、それはそうではありません）、表示するためにコンテナを使用してください。これは私が考えることができるすべてです

/*hide all foo*/ 
.container .foo { 
    display:none; 
} 

/*as suggested, might as well do this and drop the others altogether*/ 
.container .first-child { 
    display:block; 
} 

<div class="container"> 
    <div class="foo first-child">Content 1</div> //not hidden 
    <div class="foo">Content 2</div> //hidden 
    <div class="foo">Content 3</div> //hidden 
</div> 

Answer 2

...

<div class="foo">Content 1</div> 
<!--[if IE 6]><div style="display:none"><![endif]--> 
<div class="foo">Content 2</div> 
<div class="foo">Content 3</div> 
<!--[if IE 6]></div><![endif]-->​ 

OR

<div class="foo">Content 1</div> 
<noscript><div style="display:none"></noscript> 
<div class="foo">Content 2</div> 
<div class="foo">Content 3</div> 
<noscript></div></noscript>​ 

例：http://jsfiddle.net/FkCzB/

Answer 3

与えられたマークアップでは、IE6のみのCSSソリューションは不可能です。最初の子をターゲットにする方法はなく、すべての子孫の一般的なルールだけです。