1

私は次のようなHTMLの本当に基本的なリストを持っています：

<div id="navmenu">
    <ul>
    <li>photography</li>
    <li>&#149</li>
    <li>people</li>
    <li>places</li>
    <li>things</li>
    <li id="lastElement">about</li>
    </ul>
</div>

私のCSSフォーマットは次のようになります。

div#navmenu li {
     display: inline;
     margin-right: 40px;
}

ただし、最後のli要素のマージン（右は0px）が必要です。だから私はしました：

li#lastElement {
     margin-right: 0px;
}

Chromeの開発ツールを確認すると、この最後のCSS仕様に取り消し線が引かれています。「div＃navmenuli」プロパティによってオーバーライドされる理由がわかりません。独自のIDを持つ最後のli要素はより具体的ではありませんか？

どんな助けでもいただければ幸いです。前もって感謝します。

4

2 に答える 2

3

それをオーバーライドしているものはより具体的で、2つのタグとIDセレクターがあり、もう1つにはタグとIDセレクターしかありません。

これを変更するdiv#navmenu li#lastElement か、他のセレクターの具体性を下げることができます。

于 2012-09-20T05:53:28.240 に答える
1

こんにちは今これに慣れています

div#navmenu #lastElement {
     margin-right: 0px;
}

またはこれ

div#navmenu li:last-child {
     margin-right: 0px;
}
于 2012-09-20T05:54:12.840 に答える