0

Webページのメニューを作成しようとしていますが、メニューの区切り文字として画像を挿入しています。多分これは少しばかげた質問ですが、私は私のメニューの最初の画像を削除しようとしていますこれは私のコードです：

.menu ul li {
    background: url(separator.png) no-repeat left;
    display: inline;
    float: left;
    height:  50px;
    line-height: 50px;
    margin: 0;
    width: 155px;

そしてこれを試して最初のセパレーターを削除しました：

   .menu a.first {
         background-image: none;
    }

私はこのページにあることをやろうとしました：http： //jsfiddle.net/Jaybles/uJdhH/1/ http://www.e-blueprint.co.uk/2011/how-to-use-an-image- as-a-menu-separator /

しかし、それは機能しません

4

4 に答える 4

1

これを試して：

.menu li:first-child{
     background-image: none;
}
于 2013-01-23T19:32:12.033 に答える
0

背景がliタグ上にあり、.firstクラスがタグ上にあるためanchor、アンカーがリストアイテムではなく保持している背景をすべて削除します。

への変更 ：

.menu li.first {
         background-image: none;
    }
于 2013-01-23T19:30:52.887 に答える
0

上記のリストアイテムの背景プロパティを指定してから、a.firstクラスの背景画像を削除しています。.menuクラスを次のように更新する必要があります。

    .menu li.first { background:none; }
于 2013-01-23T19:32:01.523 に答える
0

さて、あなたは<li>の背景を持っていました...そして<a>から背景を削除しました..'動作しません'

.menu ul li {
    background: url(separator.png) no-repeat left;
    display: inline;
    float: left;
    height:  50px;
    line-height: 50px;
    margin: 0;
    width: 155px;

そしてこれを試して最初のセパレーターを削除しました：

.menu ul li:first-child {
     background-image: none;
}

jsfiddle： http: //jsfiddle.net/sd6Vu/

于 2013-01-23T19:38:20.587 に答える