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

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

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!