HTML-Newbie: Pseudoklassen und Selektoren

Beitrag lesen

Hi Chris,

Ist das ernsthaft deine Antwort auf Fragen, die explizit von dir eine Menge von Elementen genannt bekommen wollen?

exakt so hat es der Tutor in der Übung formuliert (er erstellt übrigens auch die Aufgaben).

  • Ich habe einen kleinen Versuch gemacht und innerhalb des <style>-Tags "ul li:first-of-type { color: blue; }" hinzugefügt und im neuesten Firefox-Release werden "1" und "2. 2.1" blau angezeigt, was mich sehr überrascht. Warum wird nicht nur die "1" blau angezeigt?

Weil auch das LI-Element, das "2.1" enthält, das erste seines Typs auf seiner „Ebene“ ist. Und Nachfahre eines UL-Elements ist es ebenso, so dass auch der erste Teil dieses Selektors „erfüllt“ ist.

Jetzt ist mir die Aufgabe klar geworden: <ol> ist ja auch ein Elternelement und da das <li> mit "2.1" das Kind-Element ist, wird es blau angezeigt.

Danke an Dich und Matthias! :-)

Zum geposteten Code: sehe ich das richtig, dass der Code unvollständig ist, da die Klassen wie "u", "g", usw. im <style>-Tag gar nicht definiert wurden?

MfG ChrisB

Gruß
HTML-Newbie