not：first-childセレクタを使用するにはどうしたらいいですか？

Question

divタグには、複数のulタグが含まれています。

私は最初ulタグのCSSプロパティを設定しようとしており、このコードが動作する場合：

：

私は最初を除く各 ulタグのCSSプロパティを設定したい

div ul:first-child { 
    background-color: #900; 
} 

、私はこれを試してみました

div ul:not:first-child { 
    background-color: #900; 
} 

もこの：

div ul:not(:first-child) { 
    background-color: #900; 
} 

と、この：

div ul:first-child:after { 
    background-color: #900; 
} 

しかし効果はありません。どのように私はCSSで書く必要があります： "最初の要素を除く各要素"？バージョンの

Answer 1

一つは、あなたは（CSS selectors level 3がsupportedをしている）すべての最新ブラウザのためactually works投稿：

div ul:not(:first-child) { 
    background-color: #900; 
} 

レガシーブラウザをサポートする必要がある場合に、またはあなたが（それだけ:notセレクタのlimitationによって妨げられる場合

意図した範囲よりも広い範囲を持つルールを定義し、その範囲を条件付きで「取り消し」、その範囲を意図したものに限定することができます。

div ul { 
    background-color: #900; /* applies to every ul */ 
} 

div ul:first-child { 
    background-color: transparent; /* limits the scope of the previous rule */ 
} 

範囲を制限する場合は、設定する各CSS属性に対してdefault valueを使用します。 :notがIE6〜8によって受け入れられていないので

Answer 2

まあ、私はあなたにこのことをお勧めします：

div ul:nth-child(n+2) { 
    background-color: #900; 
} 

ですから、最初の1除いて、その親要素内のすべてのulを選びます。

はexamplesnth-child多くのためのクリスCoyerの"Useful :nth-child Recipes"の記事を参照してください。

Answer 3

このCSS2ソリューション（「ulの後にはulのいずれかが続きます」）も機能し、より多くのブラウザでサポートされています。 :notと:nth-sibling異なり

div ul + ul { 
    background-color: #900; 
} 

、adjacent sibling selectorはIE7 +によって支持されています。

あなたはを持っている場合はJavaScriptは、ページのロード後にこれらのプロパティを変更し、あなたがこののIE7とIE8実装でいくつかの既知のバグをご覧ください。 See this link。

静的なWebページの場合、これは完全に動作するはずです。

Answer 4

div li~li { 
    color: red; 
} 

はIE7

Answer 5

not(:first-child)はもう動作していないようサポートします。少なくともChromeとFirefoxの最新のバージョンで。

代わりに、これを試してみてください。

ul:not(:first-of-type) {}