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: "";
}