Navigation in einer ungeordneten Liste

  • Hallo,
    ich habe eine ungeordete Liste in der in jedem Listenelement ein Link vorhanden ist.


    HTML
    1. <ul class="nav">
    2. <li><a href="#!/pageGallery">...


    Wie bekomme ich es hin, das auf einen einzigen Link aus dieser Liste der folgende Hover nicht zutreffen soll???

    HTML
    1. .nav ul li a:hover {
    2. background:#F93;}


    Hoffe ich habe mich einigermaßen verständlich ausgedrückt ;-)


    Gruß,
    Matze

  • ok fangen wir das ganze mal auf einer simplen ebene an.


    sagen wir du willst deine links bei einem hover unterstreichen und in pink einfärben, obwohl an sich alle links schwarz sind, sieht das css ungefähr so aus:


    wenn man jetzt einen einzelnen link aus dieser kiste raus haben will muss der markiert werden.
    dazu nehmen wir eine klasse, sagen wir die klasse oddlink


    dann sieht das css für diesen einen link so aus (ungefähr)

    Code
    1. a.oddlink:hover
    2. {
    3. color:black;
    4. text-decoration:none;
    5. }


    das ganze in der reihenfolge sollte für ausreichend gewichtung sorgen, dass für den einen doofen oddlink der hover-effekt nicht zählt weil er NEGIERT wird (hat übrigens nix mit "neger" zu tun, sondern mit negieren), sprich du stellst explizit für den einen link einen zustand her, der bei einem hover dem ursprungszustand entspricht