怎么做主动导航如果按“链接”然后按钮是白色而不是灰色这里是代码我尝试jsfiddle.net/egjg14fr/

Question

I know there are many questions of this kind here, but I really don't know the reason why my code is not working. I'm trying to make a active navigation when click on link i need it to be white.
Here's demo. JS-fiddle

         <div id="language" class="dropdown">
            <a href="#language" class="dropdown-toggle">Spēlē.lv</a>
            <ul class="dropdown-menu">
                <li class="option"><a href="#"><img src="../TV3_Latvia_logo.png" width="60" height="60"></a></li>
        </ul>

  .dropdown {
    float:left;
    position:relative;
    padding:5px;
    margin-right:10px;
    background:#ccc;
}
    .dropdown a:hover {
        display:block;
        text-decoration:none;
        color:#000;
        background:#fff;
    }

        .dropdown a {
        display:block;
        text-decoration:none;
        color:#333;
    }

    /* toggle */
    .dropdown .dropdown-toggle {
        padding:0;
    }

    /* dropdown */
    .dropdown-menu {
        position:absolute;
        top:100%;
        right:0;
        left:0;
        display:none;
        margin:0;
        padding:10px;
        list-style-type:none;
        background:#FFF;
            width:500px;
            -webkit-box-shadow: 0px 0px 20px -4px #cacaca;
-moz-box-shadow: 0px 0px 20px -4px #cacaca;
box-shadow: 0px 0px 20px -4px #cacaca;

    }
        /* options */
        .dropdown-menu .option a {
            padding:5px;
            float:left;
        }
            .dropdown-menu .option a:hover {
                background-color:#999;
            }

    /* open */
    .dropdown-open {
        z-index:400;
    }
        .dropdown-open > .dropdown-menu {
            display:block;
        }

Answer 1

See Updated JS-fiddle here.

You need to change .dropdown a:hover to .dropdown:hover. so simple.