So wählen Sie das erste Element in CSS aus

So wählen Sie das erste Element in CSS aus: 1. [erstes Kind] bedeutet das erste Tag in der Auswahlliste. 2. [letztes Kind] bedeutet das letzte Tag in der Auswahlliste. (3)] ​​​​gibt das dritte Label in der Auswahlliste an.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So wählen Sie das erste Element in CSS aus:

1. erstes Kind

erstes Kind bedeutet das erste Tag in der Auswahlliste. Der Code lautet wie folgt:

li:first-child{background:#090}

Das Obige bedeutet die Hintergrundfarbe des ersten Li-Moduls in der Li-Liste.

2, letztes Kind

letztes Kind stellt das letzte Etikett in der Auswahlliste dar. Der Code lautet wie folgt:

li:last-child{background:#090}

3, nth-child(3)

stellt das dritte Etikett in der Auswahlliste dar Der Code lautet wie folgt:

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

Die 3 im obigen Code kann auch in andere Zahlen wie 4, 5 usw. geändert werden. Wenn Sie ein Etikett auswählen möchten, geben Sie einfach die Nummer ein.

4, nth-child(2n)

Dies bedeutet, dass die Tags mit gerader Nummer in der Liste ausgewählt werden, d. h. die Tags 2., 4., 6. ....

Empfohlene verwandte Tutorials: CSS-Video-Tutorial

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