wordpress菜单中的列表项分隔符

我列出了菜单项。我有我想要的自定义分隔符。目前，我已经将菜单项设置为位于左侧的分隔符的背景图像。我想删除第一个。wordpress菜单中的列表项分隔符

即我的菜单看起来像这样： /工作/约/恢复/联系人/存储

我希望它看起来像： /工作/约/恢复/联系人/存储

菜单病急乱投医：

.main-nav ul li a { 
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight: 300; 
    font-size: 22pt; 
    color:#999999; 
    vertical-align:middle; 
    text-decoration:none; 
    display: block; 
    padding:0; 
    text-align:center; 
    width:190px; 
    float:left; 
    background-image:url(data/img/navdivider.png); 
    background-position: top left; 
    background-repeat:no-repeat; 
    height:65px; 
    padding-top:8px; 
}

设法和摆脱第一个：

.main-nav ul li a:first-child { 
    background-image:none; 
}

但它不工作。我究竟做错了什么？

来源

2013-03-25 kmo

我编辑了整个答案，因为它是错的。问题是你的目标是a作为:first-child，它总是（它的父母是li元素）。所以，试试这个目标：

.main-nav ul li:first-child a { 
    background-image:none; 
}

来源

2013-03-25 02:41:11 ceruleus

呃对不起！让我澄清一下什么是行不通的。我认为它的第一个孩子伪装的东西。当我应用该代码时，它将删除所有背景图像。我如何确保它只针对第一个？我试过短裤，它没有改变什么 – kmo 2013-03-25 02:45:23

我会编辑我的答案，我明白了:) – ceruleus 2013-03-25 03:03:03

你是最棒的人！非常感谢。我是新来的儿童标签。修复了这个问题:) – kmo 2013-03-26 01:21:01

wordpress菜单中的列表项分隔符

回答

相关问题