从第一项中删除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;
}

这样做是因为它放了“|”包含所有菜单项，但我不希望它与第一个菜单项一起使用。

这是这样的： -

| Menu1 | Menu2 | Menu3 | Menu4 | Menu5

我想要的是它没有提出Menu1

非常感谢。

Answer 1

使用:first-child选择器：

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

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