li:hover eine Farbe besucht

Ich in meinem li-element habe ich einen link und etwas text innerhalb eines span.

Wenn ich den Mauszeiger über das li möchte ich ändern die Farbe des Textes und den link, das funktioniert gut, aber ich bin kämpfen, um einen besucht der Farbe und halten diese Funktionalität.

Hier ist mein code -

HTML -

<ul id="progress" class="tour_1">
    <li>
       <span class="number"><a href="http://mylink.com">1</a></span>
       <span class="desc">A Link</span>
    </li>
</ul>

CSS -

#progress li { float: left; width: 20%; text-align:center; font-size: 12px; color: #CCC; z-index: 10 }
#progress li .number { font-size: 24px; font-weight: 400; border: 2px solid #CCC; border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; width: 30px; height: 30px; display: block; margin: 0 auto; background-color: #FFF }
#progress li:hover, li:hover a:hover { color: #333; }

InformationsquelleAutor Tom | 2011-11-01

Schreibe einen Kommentar