Was bedeutet das Pluszeichen im CSS?

Das Pluszeichen im CSS ist „+“, was bedeutet, dass benachbarte Geschwisterelemente ausgewählt werden. Dieser Selektor kann benachbarte Geschwisterelemente hinter dem angegebenen Element abgleichen.

Die Betriebsumgebung dieses Artikels: Windows 7-System, CSS3-Version, Dell G3-Computer.

Was bedeutet das Pluszeichen in CSS?

„+“ wählt benachbarte Geschwisterelemente aus, die als „benachbarte Geschwisterselektoren“ bezeichnet werden. Der Selektor kann benachbarte Geschwisterelemente hinter dem angegebenen Element abgleichen.

Wenn Sie ein Element unmittelbar nach einem anderen Element auswählen müssen und beide das gleiche übergeordnete Element haben, können Sie den Selektor für angrenzende Geschwister verwenden. Wenn Sie beispielsweise den oberen Rand des Absatzes vergrößern möchten, der unmittelbar nach dem h1-Element erscheint, können Sie schreiben: h1 + p {margin-top:50px;}

Dieser Selektor lautet: „Wählen Sie den Absatz aus, der unmittelbar nach dem h1-Element erscheint. Die h1- und p-Elemente haben das gleiche übergeordnete Element".

Erweiterungsinformationen:

Der Selektor für benachbarte Geschwister verwendet das Pluszeichen (+), das das Symbol für die Kombination benachbarter Geschwister darstellt. Hinweis: Wie bei Subkombinatoren können benachbarte Geschwisterkonjugate Leerzeichen neben sich haben. Das

div-Element enthält zwei Listen: eine ungeordnete Liste und eine geordnete Liste, die jeweils drei Listenelemente enthalten. Die beiden Listen sind benachbarte Geschwister, ebenso wie die Listenelemente selbst.

Die Listenelemente in der ersten Liste und die Listenelemente in der zweiten Liste sind jedoch keine benachbarten Geschwister, da die beiden Listenelementsätze nicht zum selben übergeordneten Element gehören (sie können höchstens als Cousins ​​​​betrachtet werden). ).

Denken Sie daran, dass mit einem Combiner nur das zweite Element zweier benachbarter Geschwister ausgewählt werden kann. Schauen Sie sich den Selektor unten an:

li + li {font-weight:bold;}

Der Selektor oben macht nur das zweite und dritte Listenelement in der Liste fett. Das erste Listenelement ist nicht betroffen.

Kombiniert mit anderen Selektoren:

Benachbarte Geschwister-Kombinatoren können auch mit anderen Kombinatoren kombiniert werden:

html > body table + ul {margin-top:20px;}

Dieser Selektor wird wie folgt erklärt: Wählen Sie alle Geschwister-UL-Elemente aus, die unmittelbar nach dem Tabellenelement erscheinen, das in einem im Körper enthalten ist Element, das Body-Element selbst ist ein untergeordnetes Element des HTML-Elements.

Empfohlenes Lernen: „CSS-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas bedeutet das Pluszeichen im CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!