-1

次のコードを使用して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を思い付かないということです

どうもありがとう。

4

1 に答える 1

2

:first-childセレクターを使用します。

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

.nav li:first-child a:before {
    content: "";
}
于 2013-07-08T04:12:13.460 に答える