Wie man das erste Kind in CSS nicht auswählt

In Webanwendungen werden die Selektoren verwendet, um bestimmte HTML -Elemente über CSS zu stylen. Wenn Sie beispielsweise viele Inhalte auf Ihrer Seite haben und einige Elemente auswählen müssen, sollten Sie sich für CSS -Selektoren entscheiden. In CSS können Sie eine Vielzahl von Selektoren helfen, das spezifische Element aus der Elementgruppe auszuwählen.

In diesem Artikel werden wir behandeln, wie das erste Kind in CSS nicht ausgewählt werden kann.

Wie man das erste Kind in CSS nicht auswählt?

Um nicht das erste Kind auszuwählen, können Sie in CSS die angegebenen Selektoren verwenden:

• : nicht (: Erstkind)
• : nicht (: N-ten vom Typ (1))
• : nicht (: Erst von Typ)

Also lasst uns anfangen!

Methode 1: Verwendung: Nicht (: Erstkind), um nicht das erste Kind auszuwählen

Der ": nicht (: Erstkind)Selektor definiert die Regel, die nicht das erste Kind des übergeordneten Tags auswählt. Dieser Selektor hilft uns, das angewandte CSS -Styling für das erste Element auszuschließen.

Nehmen wir ein einfaches Beispiel und erfahren Sie, wie wir den Selektor anwenden können, um das erste Kind nicht auszuwählen.

Beispiel

Hier sind drei Ankertexte auf unserer Seite mit einer grünen Farbe. Schließen wir die grüne Farbe nur für das erste Textelement aus:

Wir haben das Anker -Tag angegeben “" im "<Körper> ”Ihrer HTML -Datei:

Mein erster Link

Mein zweiter Link

Mein dritter Link

Verwenden Sie als nächstes das übergeordnete Tag, das ist “Körper"Und das Kinderetikett", das "ist"A" zusammen mit ":nicht (: Erstkind))”Selektor im Stylesheet. Dann fügen Sie die CSS hinzu "Farbe”Eigenschaft mit dem Wert“Grün”; Auf allen Elementen wird mit Ausnahme des ersten Kindes Farbe angewendet:

Speichern Sie nun den hinzugefügten Code und öffnen Sie ihn einfach im Browser oder verwenden Sie Live Server:

Wie Sie sehen können, haben wir die Farbe nur auf alle Elemente angewendet, mit Ausnahme der ersten:

Methode 2: Verwendung: Nicht (: n-vom-Typ (1)), um nicht das erste Kind auszuwählen

Der "nicht (: n-von-type ())Mit Selektor können Sie ein oder mehr als ein Element in der Sequenz auswählen. Wenn nur (: N-ten Typ (1)) verwendet wird, wählt der Selektor das erste Kind aus. Wenn jedoch: nicht vor ihm platziert wird, wird das erste Kind ausgeschlossen.

Lassen Sie uns klarstellen: Nicht (: N-vom-Typ (1)) Konzept mit dem folgenden Beispiel.

Beispiel

Hier werden wir die "festlegen"nicht (: N-vom-Typ (1))"Selektor, wo"1”Repräsentiert, dass das erste Kind ausgeschlossen wird. Als nächstes zuweisen die “Farbe”Eigenschaft ein Wert von“orange”:

Ausgang

Methode 3: Verwendung: Nicht (: Erst von Typ), um nicht das erste Kind auszuwählen

Der Selektor (: Erst vom Typ) entspricht dem ersten Ereignis eines Elements und wird als „nicht als“ hinzugefügt: nicht (: Erst von Typ)”Um das erste Ereignis zu überspringen.

Beispiel

In diesem Beispiel das “: nicht (: Erst von Typ)Der Selektor wird angewendet, um das erste Kind seines Elternteils auszuschließen. Dann den Wert festlegen “Blau”Für die“Farbe" Eigentum:

Wir haben Ihnen Tipps zur Verfügung gestellt, wie das erste Kind erfolgreich ausgewählt werden soll.

Abschluss

Um das erste Kind nicht auszuwählen, verwenden Sie “: nicht (: Erstkind)”,“:nicht (: N-vom-Typ (1))" oder ":nicht (: Erst von Typ)”Selektoren. Ohne zu verwenden: Nicht: Diese Selektoren wählen nur das erste Kind aus und überspringen andere. Wenn jedoch: Nicht vor diesen Selektoren platziert wird, wird es nur das erste Kind seines übergeordneten überspringen. In dieser Beschreibung haben wir drei effiziente Methoden für die Nichtauswahl des ersten Kindes in CSS behandelt.