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;
}