html - 删除网络菜单中的第一个 child

Question

我正在尝试为网页制作菜单，并且我正在插入图像作为菜单分隔符。 也许这是一个有点愚蠢的问题，但我正在尝试删除菜单的第一张图片 这是我的代码:

.menu ul li {
    background: url(separator.png) no-repeat left;
    display: inline;
    float: left;
    height:  50px;
    line-height: 50px;
    margin: 0;
    width: 155px;

并尝试删除第一个分隔符:

   .menu a.first {
         background-image: none;
    }

我试着做这个页面中的内容: http://jsfiddle.net/Jaybles/uJdhH/1/ http://www.e-blueprint.co.uk/2011/how-to-use-an-image-as-a-menu-separator/

但是没用

Answer 1

试试这个:

.menu li:first-child{
     background-image: none;
}