Wie kann ich mit CSS einen Absatz formatieren, der einer bestimmten Überschrift folgt?

Auswählen des nächsten Elements mit CSS: Der Adjacent Sibling Selector

Bei der Arbeit mit HTML kann es vorkommen, dass Sie auf bestimmte Elemente, die auf andere folgen, Stile anwenden müssen im DOM-Baum. In CSS kann dies mithilfe des benachbarten Geschwisterselektors erreicht werden, der durch das Pluszeichen ( ) dargestellt wird.

In Ihrem Beispiel möchten Sie das Clear anwenden: Both; Regel zu jedem

Tag, der auf das

-Tag folgt. Tag mit der Klasse hc-reform. Um dies zu erreichen, wäre der richtige CSS-Selektor:

h1.hc-reform + p {
  clear: both;
}

Der angrenzende Geschwisterselektor stellt sicher, dass die klare: Both; Die Regel wird nur auf

angewendet. Tags, die unmittelbar auf die

.hc-reform

-Tags folgen. Kopfzeile. Es ist wichtig zu beachten, dass dieser Selektor in Internet Explorer 6 oder früher nicht unterstützt wird.

Um das von Ihnen erwähnte Problem zu beheben, bei dem die h1.hc-reform > Der p-Selektor funktionierte nicht, weil dieser Selektor den direkten untergeordneten Selektor darstellt, der nur

auswählt. Tags, die direkte untergeordnete Elemente von

.hc-reform

sind. In Ihrem Fall ist das

Tags sind keine direkten Kinder, sondern folgende Geschwister, daher ist der p-Selektor h1.hc-reform die richtige Wahl.

Das obige ist der detaillierte Inhalt vonWie kann ich mit CSS einen Absatz formatieren, der einer bestimmten Überschrift folgt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!