css: link-Farbe in der UL-Klasse nicht überschrieben Standard-Farbe für div

Ich habe ein div mit folgenden:

#main-alt-2 a:link {color:#39c;}
#main-alt-2 a:visited {color:#39c;}

Für eine UL innerhalb dieses div habe ich definiert:

ul.menu a:link {
font-weight:bold;
display:block;
text-decoration:none;   
color:#323232;
}

Alle anderen Eigenschaften innerhalb der ul.menu-Klasse Arbeit - außer der Farbe.
Sehr seltsam!

Hoffe mir kann jemand helfen!

InformationsquelleAutor okdan | 2011-01-06

  1. 5

    Wenn mehrere CSS-Definitionen beziehen sich auf die gleichen HTML-element, das Spezifität der Selektoren ist im Vergleich. Um Regeln mit niedrigerer Spezifität Vorrang, hinzufügen !important:

    ul.menu a:link {color: #323232 !important;}

    Alternativ können Sie die zweite Auswahl spezifischer.

    Ok, ich danke Ihnen sehr viel - alle Antworten hat mir geholfen, klar, aber das !wichtig war die einfachste Lösung ;o)

    InformationsquelleAutor phihag

  2. 1

    Weil css-Spezifität, werden Sie brauchen, um es zu tun auf diese Weise:

    #main-alt-2 ul.menu a:link {
font-weight:bold;
display:block;
text-decoration:none;   
color:#323232;
}

    InformationsquelleAutor mozami

  3. 0

    #main-alt-2 a:link, denn es enthält ein id-Selektor ist mehr spezifische als ul.menu a:link

    Machen Sie Ihren Selektor mehr spezifische.

    hmmm, der die UL verwendet wird, innerhalb eines jquery-Menü, das sieht für die Klassen, nicht die id ist, ist es ein Weg, um eine Klasse konkreter? Oder muss ich alles ändern, um eine ID?

    InformationsquelleAutor Quentin

Schreibe einen Kommentar