Heim > Web-Frontend > Front-End-Fragen und Antworten > Was bedeutet das Pluszeichen im CSS?

Was bedeutet das Pluszeichen im CSS?

藏色散人
Freigeben: 2021-11-17 15:54:38
Original
6348 Leute haben es durchsucht

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

Was bedeutet das Pluszeichen im CSS?

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".

Was bedeutet das Pluszeichen im CSS?

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;}
Nach dem Login kopieren

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;}
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage