wordpress - wordpress 菜单中的列表项分隔符

Question

我列出了菜单项。我有一个我想要的自定义分隔符。目前，我已经使用位于左侧的分隔线的背景图像来设置菜单项的样式。我想删除第一个。

即我的菜单如下所示：/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是 a :first-child，它始终是（它的父元素是那个li元素）。所以，试试这个目标：

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