[Erledigt] CSS color-Wert nicht überschreibbar

drsoong · 14.09.2010, 12:58

Hallo,

habe mir ein freies CSS-Stylesheet runtergeladen und in einer Seite integriert.

Bevor ich Euch jetzt mit dem komlpletten Stylesheet komme, hier nur das m. E. Wesentliche:

Ich habe an die absolut letzte Stelle des Stylesheet folgendes geschrieben:

Code:

#menu li a:hover {background-color: red;color:white;}

um Elemente der Art:

Code:

<ul id="menu">
 <li><a href="index.php?page_id=1"><b>Home</b></a></li>
 <li><a href="index.php?page_id=2"><b>Historie</b></a></li>
...

bei Hover zu ändern.

Seltsamerweise funktioniert das nur für background-color nicht aber für color d. h. bei hover wird das Menüfeld rot und die Schriftfarbe bleibt unverändert. Hat jemand eine Ahnung woran das liegen könnte? Das kann doch eigentlich gar nicht sein, oder?

RustyXXL · 14.09.2010, 13:06

Zitat:

Zitat von drsoong

Code:

#menu li a:hover {background-color: red;color:white;}

ich bin jetzt nicht der große CSS-Profi, aber bringt evtl.

Code:

#menu li a:hover {background-color: red;color:white !important;}

was?

drsoong · 14.09.2010, 13:11

Ne, RustyXXL, leider nicht. Danke trotzdem.

draco88 · 14.09.2010, 13:15

Kannst ja mit Firebug gucken, welche Styledefinition er benutzt.

wolf29 · 14.09.2010, 13:16

Evtl. wird schon vorher was definiert, dass Du vielleicht übersehen hast?!?

Wolf29

mermshaus · 14.09.2010, 13:23

Nimm testweise das b mit in die Regel auf.

#menu li a:hover b { ... }

Asipak · 14.09.2010, 13:26

Zur Erklärung von mermshaus' Vermutung: http://www.vanseodesign.com/css/css-...ance-cascaade/

Chriz · 14.09.2010, 13:33

Hallo,

je spezieller eine CSS-Zuweisung ist, desto höherwertig ist sie. Das heißt die Reihenfolge spielt nicht zwingend eine Rolle.

p#id { color: green } p { color: red }
Ein <p id="id">-Tag wäre nun also grün und nicht rot. Entsprechend musst du mal mit Firebug reindebuggen.

drsoong · 14.09.2010, 14:58

Danke, der Hinweis von mermshaus hat erst mal zur unmittelbaren Lösung geführt. Das unmittelbare Verständnis bedarf noch eines Verdauungsaktes. Der Artikel über CSS specificity (Asipak) ist sehr interessant und sensibilisert ungemein. In diesem Zs. hang auch danke an Chriz. Aus Zeitmangel werde ich den Firebug und die Spezifitäten des konkreten geloadeten Stylesheets die Tage mal angehen müssen. Für's erste Dank an alle. drsoong out.

ChrisB · 14.09.2010, 15:02

Zitat:

Zitat von drsoong

Der Artikel über CSS specificity (Asipak) ist sehr interessant und sensibilisert ungemein.

„Sensibilisiert“ für eines der absolut grundlegendsten Features von CSS ...? Wow.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

14.09.2010, 12:58
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	[Erledigt] CSS color-Wert nicht überschreibbar Hallo, habe mir ein freies CSS-Stylesheet runtergeladen und in einer Seite integriert. Bevor ich Euch jetzt mit dem komlpletten Stylesheet komme, hier nur das m. E. Wesentliche: Ich habe an die absolut letzte Stelle des Stylesheet folgendes geschrieben: Code: #menu li a:hover {background-color: red;color:white;} um Elemente der Art: Code: <ul id="menu"> <li><a href="index.php?page_id=1"><b>Home</b></a></li> <li><a href="index.php?page_id=2"><b>Historie</b></a></li> ... bei Hover zu ändern. Seltsamerweise funktioniert das nur für background-color nicht aber für color d. h. bei hover wird das Menüfeld rot und die Schriftfarbe bleibt unverändert. Hat jemand eine Ahnung woran das liegen könnte? Das kann doch eigentlich gar nicht sein, oder?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.09.2010, 13:11
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Ne, RustyXXL, leider nicht. Danke trotzdem.

14.09.2010, 13:15
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	Kannst ja mit Firebug gucken, welche Styledefinition er benutzt.

14.09.2010, 13:16
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Evtl. wird schon vorher was definiert, dass Du vielleicht übersehen hast?!? Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

14.09.2010, 13:23
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Nimm testweise das b mit in die Regel auf. #menu li a:hover b { ... } __________________ Blog \| Buch \| Kaloa

14.09.2010, 13:26
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 4.072	Zur Erklärung von mermshaus' Vermutung: http://www.vanseodesign.com/css/css-...ance-cascaade/

14.09.2010, 13:33
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Hallo, je spezieller eine CSS-Zuweisung ist, desto höherwertig ist sie. Das heißt die Reihenfolge spielt nicht zwingend eine Rolle. p#id { color: green } p { color: red } Ein <p id="id">-Tag wäre nun also grün und nicht rot. Entsprechend musst du mal mit Firebug reindebuggen. __________________ "Nuschel ich?" - "Was?"

14.09.2010, 14:58
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Danke, der Hinweis von mermshaus hat erst mal zur unmittelbaren Lösung geführt. Das unmittelbare Verständnis bedarf noch eines Verdauungsaktes. Der Artikel über CSS specificity (Asipak) ist sehr interessant und sensibilisert ungemein. In diesem Zs. hang auch danke an Chriz. Aus Zeitmangel werde ich den Firebug und die Spezifitäten des konkreten geloadeten Stylesheets die Tage mal angehen müssen. Für's erste Dank an alle. drsoong out.