0

ちょっと私は作ろうとしています：

ul ul li anav色で#FFF

しかし、私が何をしてもそれを変更することはできません。

ul li aそれに影響を与えていますが、それは#FFF何ですか？

私の目標は、暗い背景に白いテキスト、次に白い背景に黒いテキストhoverです。

これまでの私のコードは次のとおりです。

CSS:

nav ul ul li

{
    background: #4a4a4a;
    float: none; 
    position: relative;
   color: #FFF;
}

    nav ul ul li a 

{
    color: #FFF;
    padding: 10px 51px;
}

    nav ul ul li a:hover 

{
    background: #FFF;
    color: #000;
}

HTML:

<nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Our Prices</a></li>
                    <li><a href="#">Web Design</a>
                        <ul>
                            <li><a href="#">Portfolio</a></li>
                            <li><a href="#">Pricing</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Consulting</a></li>
                    <li><a href="#">Quick Hire</a></li>
                </ul>
            </nav>

どんな助けにも感謝します:)。

4

2 に答える 2

1

ここで同じことを達成しようとしていると思います：

JSbin デモ

    nav ul ul li
    {
     背景: #4a4a4a;
     フロート: なし;
     位置: 相対;
     色: #FFF;
    }

    nav ul ul li a
    {
     色: #FFF;
     パディング: 0px 51px;
    }

    nav ul ul li:hover
    {
     背景: #FFF;
    }

    nav ul ul li:hover a
    {
     背景: #FFF;
     色: #000;
    }
    nav ul ul li a:hover
    {
     背景: #FFF;
     色: #000;
    }
于 2012-12-29T07:44:26.383 に答える
0

おそらく、これらは既にアクセスしたことのある URL であるため、ブラウザはそれらを異なる色で表示します。

CSS セレクターのa:visited代わりに追加します。a

nav ul ul li a, nav ul ul li a:visited
于 2012-12-29T07:31:50.493 に答える