Question

我列出了菜单项。我有一个我想要的自定义分离器。目前，我已将菜单项的样式设置为左侧分隔符的背景图像。我想删除第一个。

即。我的菜单看起来像这样： / work / about / resume / contact / store

我希望它看起来像： / work / about / resume / contact / store

菜单样式：

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

但它不起作用。我做错了什么？

Answer 1

我编辑了整个答案，因为它错了。问题是您将a定位为:first-child，它总是（其父级是li元素）。所以，尝试使用此目标：

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

在wordpress菜单中列出项目分隔符

1 个答案: