CSS：将背景颜色应用于ul li菜单的第一个子项

Question

我想将红色背景颜色应用于1st li，我只尝试了几种方法但不能 得到我想要的东西：

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

它不会影响任何事情

这是我的代码和CSS http://jsfiddle.net/gwdp3/1/

希望任何专家都能告诉我应该改变什么。

Answer 1

删除最后一个“＆gt;”为我做了。

#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 example

您不需要尾随>。

Answer 3

您可能想尝试在css中使用类选择器并将其应用于所有“第一个”菜单项

.firstItem
{background-color:#ca212d;}

并在HTML中使用

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

Answer 4

这应该可以正常工作：

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