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/

希望有专家能告诉我需要改变什么。

- Redbox

Answer 1

把最后一个">"删除就可以了。

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

希望这可以帮到你。

- user2069871

Answer 2

请将此改为：

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

转换为：

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

jsFiddle示例

您不需要尾随的>。

- j08691

Answer 3

你可以尝试在CSS中使用类选择器，并将其应用于所有“first”菜单项。

.firstItem
{background-color:#ca212d;}

在 HTML 中使用

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

- Ron

Answer 4

这应该可以正常工作：

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

- Jefferson