HTML, un:hover de travail, mais un:sélectionné n'est pas

Salut j'ai le code HTML et CSS qui crée un <ul> sur mon écran. Les éléments sont des liens vers d'autres pages sur le site. Je veux les éléments de la liste noire normalement, gris clair si les survole, et de gris clair si c'est l'écran, l'utilisateur est sur.

Voici le code HTML pour la <ul> sur l'écran d'accueil. Sur l'écran d'accueil, l'élément de liste "à la Maison" doit être gris clair, tandis que tous les autres doivent être de couleur noire, à moins que les survole.

<div id="navmenu">
    <ul>
        <li><a class="selected" href="index.html">Home</a></li>
        <li><a href="research.html">Research</a></li>
        <li><a href="cv.html">CV</a></li>
        <li><a href="links.html">Links</a></li>
    </ul>
</div>

Ma feuille CSS est:

#navmenu {
    margin: auto;
}

#navmenu ul {   
    text-align:center;
}


#navmenu ul li {
    display:inline;
    padding-left:25px;
    padding-right:25px;
}


#navmenu ul li a {
    color:#000000;
}

#navmenu ul li a:hover {
    color:#F2F2F2;
}

#navmenu ul li a:selected {
    color:#F2F2F2;
}

Les liens sont en noir, ce qui est bon. Ils se tournent également en gris clair, quand je passe, ce qui est excellent. Mais à chaque fois que je sélectionne l'un des éléments pour aller à la page, je ne peux pas obtenir le lien que je suis actuellement sur d'être clair. Cela s'applique également à la page d'accueil à chaque fois que je vais à la première page, la "Maison" l'article est dans le noir.

N'importe qui peut voir ce que je fais de mal? Toute aide est appréciée.

  • Tu veux dire :active ?
  • Ouais pour une raison quelconque, quand je fais :active, il ne fonctionne pas. Je l'ai eu à travailler avec un.choisis bien.
InformationsquelleAutor Sterling | 2013-09-01