✔ CSS-Frage zu Listen

[Bencher]

Hallo

Ich hab eine Liste

  echo "<div id=\"menuleft\">";
  echo "<ul>";
  echo "<li id=\"current\"><a href=\"start1.php\" target=\"main\"><span>Home</span></a></li>";
  echo "</ul></div>";

wie greife ich jetzt mit css auf id=\"current\" zu

mit #menuleft #current { color: #FF0000; } klappt es nicht

 

[Maik]

Probier es mal so:

#menuleft ul li#current { color: #FF0000; }

Wenn du aber die Farbe des Links beeinflussen willst, dann lautet der Selektor:

#menuleft ul li#current a { color: #FF0000; }

 

[Gumbo]

Eigentlich sollte der Selektor #menuleft #current funktionieren. Selbst nur #current reicht aus.
Ist es möglich, dass die Eigenschaft durch andere Regeln aufgrund einer höheren Spezifität überschrieben werden?

Achja: Falls du die Farbe des a-Elements verändern willst, musst du dieses im Selektor angeben, da color-Eigenschaft vom a-Element nicht vererbt wird.

 

[Bencher]

Danke

das hat funkioniert

#menuleft ul li#current a { color: #FF0000; }

aber wenn man li #current mit Leerzeichen macht dann nicht

 

[Maik]

Der ID-Name current ist ja dem li-Element zugeordnet und wird deshalb auch ohne Leerzeichen notiert.

 

[Gumbo]

Die Selektoren <Element>#<ID-Bezeichner> und <Element> #<ID> sind auch völlig unterschiedlich. Denn während beim ersten Selektor alle li-Elemente mit einer bestimmten ID ausgewählt werden, werden beim anderen Selektor alle beliebigen Elemente mit der angegebenen ID ausgewählt, die Nachfahren eines li-Elements sind. Das eine ist eine Kombination aus Typ- und Nachfahren-Selektor, das andere eine aus Typ- und ID-Selektor ist.

 

[Maik]

das hat funkioniert

#menuleft ul li#current a { color: #FF0000; }

Dann klicke bitte noch auf den "Erledigt"-Button und markiere das Thema als solches.