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;
}

Nach dem Login kopieren

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

angewendet. Tags, die unmittelbar auf die

.hc-reform

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

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!