css - 从第一项中删除 CSS 中的内容和选择器

Question

我的 CSS 选择器带有以下代码:-

   nav { font-size:13px; }

.nav li {
    display: inline-block;
    line-height:18px;
}
.nav ol, ul {
    margin-bottom: 5px !important;
}

.nav a {
    min-height:20px;
    text-decoration:none;
    color:#fff;
    display:block;
    padding: 20px 20px 10px 0;
}

.nav a:before {
    content: "| ";
    color: #00aeef;
    margin-right: 5px;
}



.nav a:hover {
    color:#00aeef;
}

它的作用是将“|”包含所有菜单项，但我不希望它包含在第一个菜单项中。

是这样的:-

|菜单1 |菜单2 |菜单3 |菜单4 |菜单5

我要的是Menu1不出来

非常感谢。

Answer 1

使用 :first-child选择器:

.nav a:before {
    content: "| ";
    color: #00aeef;
    margin-right: 5px;
}

.nav li:first-child a:before {
    content: "";
}