1

リスト内の箇条書きの色の変更に問題があります。

したがって<nav>、HTML ファイルのタグ内にリストがあります。

<nav id="top-menu">
    <ul>
        <li> <a href="">Home</a> </li>
        <li><span> <a href="">Products</a> </span></li>
        <li> <a href="">Statistics</a> </li>
        <li> <a href="">Countries</a> </li>
        <li> <a href="">Settings</a> </li>
        <li> <a href="">Contacts</a> </li>
    </ul>
</nav>

ご覧のとおり、私の<nav>タグにはid="top-menu". 後もう一つ：

<li><span> <a href="">Products</a> </span></li>

<span>ここで、箇条書きの中にタグを付けたことがわかります。

ここに私のCSSファイルがあります:

nav#top-menu {
    width: 100%;
    height: 33px;
    background-color: #696969;
    margin: 0;
    padding: 0;
}

#top-menu ul {
    display: block;
    list-style-type: none;
    width: 600px;
    margin: 0 auto;
    padding: 0;
}

#top-menu ul li {
    margin: 0;
    padding: 0;
}

次に、これを追加します。

#top-menu ul li span {
    color: black;
}

問題は、何も変わらないことです。

つまり、今のところ、ナビゲーション メニューのすべての箇条書きは白ですが、「製品」を黒にしたいと考えています。

私は何を間違っていますか？

ありがとう。

4

2 に答える 2

5

弾丸のスタイルを設定するには、次のことを試してください。

    ul { list-style: none; }

    li:before { content:"\2022 \00A0"; color: blue; }

デモ

于 2013-07-23T20:28:50.853 に答える