suit: Problem: Weitere Möglichkeiten für verschachtelte HTML-Elemente

Beitrag lesen

konkret um: div + p { margin-top:5em; }

  • ist der Adjacent sibling selector, also für direkt folgende Geschwister.

div + p selektiert also bei folgendem Code das p-Element mit Inhalt "bar" <div><p>foo</p></div><p>bar</p>

Jenes mit dem Inhalt foo würde man mit "div p" oder genauer "div > p" selektieren.

td + p { margin-top:5em; }

Das gibt es in HTML nicht weil ein td-Element kein p-Element als Geschwister-Element haben kann.

Wenn ich jetzt jedoch in der Tabelle den ersten vorkommenden p Tag formatieren will [...]

Brauchst du den Kindselektor ">" (oder Nachfahrenselektor " ") und die http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#first_line_letter_child@title=first-child-Pseudoklasse