0

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

.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-作为菜单分隔符/

但它不起作用

4

4 回答 4

1

尝试这个：

.menu li:first-child{
     background-image: none;
}
于 2013-01-23T19:32:12.033 回答
0

好吧，你有 <li> 的背景...然后从 <a> 中删除了背景..'行不通'

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

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

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

jsfiddle：http: //jsfiddle.net/sd6Vu/

于 2013-01-23T19:38:20.587 回答
0

因为您的背景在li标签上，而您的.first班级在anchor标签上，所以您正在删除锚所包含的任何背景而不是列表项。

改成 ：

.menu li.first {
         background-image: none;
    }
于 2013-01-23T19:30:52.887 回答
0

您正在为列表项指定上面的背景属性，然后删除 a.first 类上的背景图像。您应该将 .menu 类更新为：

    .menu li.first { background:none; }
于 2013-01-23T19:32:01.523 回答