css - CSS: ul li メニューの最初の子に背景色を適用する

Question

最初のliに赤い背景色を適用したいのですが、いくつかの方法を試しましたが、欲しいものを得ることができません:

#rightmxmenu > ul > li:first-child > {background-color:#ca212d;}
#rightmxmenu > li:first-child > {background-color:#ca212d;}

それは何にも影響しません

ここに私のコードとCSSがあります http://jsfiddle.net/gwdp3/1/

何を変更する必要があるかを専門家が教えてくれることを願っています。

Answer 1

最後の">"を削除してください。

#rightmxmenu > ul > li:first-child { background-color:#ca212d; }
#rightmxmenu > li:first-child { background-color:#ca212d; }

お役に立てれば。

Answer 2

これを変える：

#rightmxmenu > ul > li:first-child > {
    background-color:#ca212d;
}

これに：

#rightmxmenu > ul > li:first-child  {
    background-color:#ca212d;
}

jsFiddle の例

末尾は必要ありません>。

Answer 3

css でクラス セレクターを使用して、すべての「最初の」メニュー項目に適用することをお勧めします。

.firstItem
{background-color:#ca212d;}

および HTML での使用

<ul>
<li class ="firstItem"></li></ul>

Answer 4

これはうまくいくはずです：

#rightmxmenu ul li:first-child {
background-color:#ca212d;
}