So erhalten Sie das erste Element in CSS

So ermitteln Sie die Anzahl der Elemente in CSS: 1. Rufen Sie die dritte Beschriftung in der Liste mit der Methode „nth-child(3)“ ab. 2. Rufen Sie die geradzahlige Beschriftung in der Liste mit der Methode „nth-child“ ab (2n)“-Methode ;3. Holen Sie sich die ungeraden Tags in der Liste über die „nth-child(2n-1)“-Methode usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

Empfehlung: „CSS-Video-Tutorial“

CSS wählt das Beschriftungselement aus: n-tes Kind(n), erstes Kind, letztes Kind

Vorwort: Die beim Codieren heute aufgetretenen Anforderungen Wählen Sie die ersten beiden Tags aus Elemente, überprüfen Sie die Informationen und notieren Sie sie ~

nth-child(n), first-child, last-child-Verwendung

Hinweis: Der nth-child(n)-Selektor entspricht dem n-ten Kind im übergeordneten Elementelement.

n kann eine Zahl, ein Schlüsselwort oder eine Formel sein.

nth-child(n) Verwendung:

1, nth-child(3)

stellt das dritte Label in der Auswahlliste dar, der Code lautet wie folgt:

li:nth-child(3){background:#fff}

2, nth-child(2n)

stellt die Auswahl der geradzahligen Tags in der Liste dar, dh die Auswahl des 2., 4., 6. ... Tags. Der Code lautet wie folgt:

li:nth-child(2n){background:#fff}

3, nth-child(2n-1)

bedeutet die Auswahl Bei ungeraden Tags in der Liste, d. h. bei Auswahl des 1., 3., 5., 7. Tags, lautet der Code wie folgt:

li:nth-child(2n-1){background:#fff}

4 In der Auswahlliste vom 3. bis zum Ende lautet der Code wie folgt:

rrree

5 nth-child(-n+3)

bedeutet, dass die Beschriftungen in der Auswahlliste von 0 bis 3 reichen , beschriftet weniger als 3. Der Code lautet wie folgt:

li:nth-child(n+3){background:#fff}

6 -Untergeordnete Verwendung:

1, erstes Kind

erstes Kind bedeutet, dass das erste Tag in der Liste ausgewählt wird. Der Code lautet wie folgt:

li:nth-child(-n+3){background:#fff}

last-child-Nutzung:

1, last-child

last-child stellt das letzte Tag in der Auswahlliste dar, der Code lautet wie folgt:

li:nth-last-child(3){background:#fff}

Das obige ist der detaillierte Inhalt vonSo erhalten Sie das erste Element in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!