Wie kann ich CSS verwenden, um Floats in Absätzen nach einem bestimmten H1 zu löschen?

Angrenzender Geschwisterselektor in CSS

In CSS können Sie mit dem angrenzenden Geschwisterselektor ein Element auswählen, das unmittelbar nach einem anderen bestimmten Element angezeigt wird. Dies ist besonders nützlich für die Gestaltung von Elementen, die einem bestimmten übergeordneten Element folgen.

Frage:

Sie haben ein

Tag mit der Klasse „hc-reform“ und einem nachfolgenden

Etikett. Sie möchten das Klare anwenden: beides; Eigentum an alle

Tags, die nach dem

stehen.

Lösung:

Der benachbarte Geschwisterselektor ist in diesem Szenario die geeignete Wahl. Die richtige CSS-Regel wäre:

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

Diese Regel wählt alle

Tag, der ein unmittelbares Geschwister des

-Tags ist. Element mit der Klasse „hc-reform“. Beachten Sie, dass diese Syntax in IE6 oder älteren Browsern nicht unterstützt wird.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS verwenden, um Floats in Absätzen nach einem bestimmten H1 zu löschen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!