Wie kann ich mithilfe von CSS-Selektoren Elemente formatieren, die einem bestimmten Element folgen?

Suchen des nächsten Elements mithilfe von CSS-Selektoren

In CSS kann die Angabe von Stilen für Elemente, die auf ein anderes Element folgen, mithilfe des benachbarten Geschwisterselektors erreicht werden . Diese Syntax ist besonders nützlich, wenn Elemente formatiert werden, die unmittelbar auf einen bestimmten Selektor folgen.

Stellen Sie sich beispielsweise ein Szenario vor, in dem Sie die Eigenschaft „clear:both“ auf alle

-Elemente anwenden möchten. Tags, die einem

folgen Element mit der Klasse „hc-reform“.

Der bereitgestellte Selektor h1.hc-reform > p versucht, auf untergeordnete Elemente von h1.hc-reform abzuzielen, die in diesem Fall nicht vorhanden sind. Um stattdessen das benachbarte Geschwisterelement anzugeben, sollten Sie das Pluszeichen ( ) verwenden.

Die korrekte Syntax für diesen Selektor lautet:

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

Dieser Selektor formatiert effektiv alle

Tags, die dem h1.hc-reform-Element folgen.

Hinweis: Diese Methode wird in Internet Explorer Version 6 und älter nicht unterstützt.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von CSS-Selektoren Elemente formatieren, die einem bestimmten Element folgen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!