0

メニュー項目がリストされています。カスタムセパレーターが欲しいのですが。現在、左側に配置された仕切りの背景画像を使用してメニュー項目のスタイルを設定しています。最初のものを削除したい。

つまり、私のメニューは次のようになります：/仕事/約/履歴書/連絡先/ストア

私はそれを次のように見せたい：/仕事/約/履歴書/連絡先/ストア

メニュースタイル：

.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;
}

しかし、それは機能していません。私は何が間違っているのですか？

4

1 に答える 1

0

それが間違っていたので、私は答え全体を編集しました。問題は、をターゲットaにしていることです:first-child。これは常にです（その親はそのli要素です）。だから、これでターゲットを試してみてください：

.main-nav ul li:first-child a {
    background-image:none;
}
于 2013-03-25T02:41:11.413 に答える