Fassen Sie die Punkte zusammen, die Sie zum n-ten Typ beachten sollten

Der Unterschied zwischen nth-child und nth-of-type in CSS3 ist eigentlich sehr einfach: Warum heißt :nth-of-type :nth-of-type? Weil es durch „Typ“ unterschieden wird. Das heißt: ele:nth-of-type(n) bezieht sich auf das n-te Element unter dem übergeordneten Element, und ele:nth-child(n) bezieht sich auf das n-te Element unter dem übergeordneten Element, und dieses Element ist ele. Wenn nicht, schlägt die Auswahl fehl. Der Text mag etwas unklar klingen, ist aber leichter zu verstehen. Hier ist ein kleines Beispiel: .dem

1. Detaillierte Erklärung des Unterschieds zwischen n-tem Kind und n-tem Typ in CSS3

Einführung: Der Unterschied zwischen nth-child und nth-of-type in CSS3 ist eigentlich sehr einfach: Warum heißt :nth-of-type :nth-of-type? Weil es durch „Typ“ unterschieden wird. Das heißt: ele:nth-of-type(n) bezieht sich auf das n-te Element unter dem übergeordneten Element, und ele:nth-child(n) bezieht sich auf das n-te Element unter dem übergeordneten Element, und dieses Element ist ele. Wenn nicht, schlägt die Auswahl fehl. Der Text mag etwas unklar klingen, ist aber leichter zu verstehen

2 Detaillierte Erläuterung von Beispielen für Selektoren in CSS3

Einführung: Die Pseudoklasse :nth-of-type() ist der Pseudoklasse nth-child() sehr ähnlich, außer dass es entspricht den Regeln. Ein Element des angegebenen Typs. Die folgende Regel stimmt mit jedem p-Element überein, das zum dritten untergeordneten Element des übergeordneten Elements gehört (es kann viele p-Elemente geben, die zum dritten untergeordneten Element in einem gehören, diese befinden sich jedoch unter verschiedenen übergeordneten Elementen, siehe Hinweis):

3. Führt zwei Pseudoklassenselektoren ein: E:nth-child(n) und E:nth-of-type(n)

Einführung: Struktur-Pseudoklasse ist ein neuer Typselektor in CSS3. E:nth-child(n) und E:nth-of-type(n) sind zwei davon. Wenn man diese beiden versteht, kann man sie und die anderen Brüder in ihrer Familie grundsätzlich verstehen. Beschreiben Sie zunächst diese beiden mit Text:

4 Lernen Sie, wie Sie mit CSS3 einen Interlaced-Farbwechsel erzielen

Einführung: Wie erreicht man eine interlaced-Farbänderung in CSS3? Verwenden Sie die CSS3-Selektoren p:nth-of-type (ungerade) und p:nth-of-type (gerade) gerade

5 Nth-child in CSS3 analysieren Unterschied zum nth-of-type

Einführung: nth-child und nth-of- in CSS3 The Der Unterschied zwischen Typen ist eigentlich sehr einfach: Warum heißt :nth-of-type :nth-of-type? Weil es durch „Typ“ unterschieden wird. Das heißt: ele:nth-of-type(n) bezieht sich auf das n-te Element unter dem übergeordneten Element, und ele:nth-child(n) bezieht sich auf das n-te Element unter dem übergeordneten Element, und dieses Element ist ele. Wenn nicht, schlägt die Auswahl fehl. Der Text mag etwas unklar klingen, ist aber leichter zu verstehen

6 Der Unterschied zwischen n-tem und n-tem Typ in CSS3

Einführung: Es gibt zwei neue Selektoren in CSS3, die die entsprechenden untergeordneten Elemente unter dem übergeordneten Element auswählen können, einer ist: nth-child und das andere ist:nth-of-type. Aber was genau ist der Unterschied zwischen ihnen? Der folgende Artikel stellt hauptsächlich den Unterschied zwischen nth-child und nth-of-type in CSS3 vor. Freunde in Not können sich darauf beziehen.

7. Verstehen Sie den Unterschied zwischen dem n-ten Kind und dem n-ten Typ vollständig.

Einführung: Verstehen Sie den Unterschied zwischen dem n-ten Kind und dem n-ten Typ genau.

8. Der Unterschied zwischen nth-of-type und nth-child

Einführung: Der Unterschied zwischen nth-of-type und nth-child

9. Der Unterschied zwischen nth-of-type und:nth-child. of-type

Einführung: Der Unterschied zwischen nth-child und :nth-of-type

10 Warum Floating erreicht werden kann Text umschließt das Bild ohne Überlappung

Einleitung: Heute habe ich das Kapitel über illustriertes CSS gelesen, obwohl es hauptsächlich um die Verwendung des nth-of geht -Typ-Selektor, ich achte darauf. Das Layout der Seite ist wie folgt:

[Verwandte Fragen und Antworten]:

html5 – Informationen zum CSS-Pseudoklassenselektor: nth-of-type(n)-Selektor

css – So finden Sie ein bestimmtes Typnamenelement in einer bestimmten Reihenfolge

Pseudoklassenselektor in CSS3 Frage? Bitten Sie die Experten um eine Antwort

Warum kann ich keine Elemente mit nth-of-type auswählen?

Entschuldigung, warum kann ich mit nth-of-type keine Elemente auswählen?

Das obige ist der detaillierte Inhalt vonFassen Sie die Punkte zusammen, die Sie zum n-ten Typ beachten sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!