在CSS中,表示第2個(gè)li
元素,可以使用:nth-child(2)
偽類,這個(gè)偽類可以選擇父元素中的第2個(gè)子元素,如果你有一個(gè)包含li
元素的ul
列表,你可以使用以下CSS來(lái)樣式化第2個(gè)li
元素:
ul li:nth-child(2) { color: red; font-size: 20px; }
這個(gè)CSS規(guī)則會(huì)將ul
列表中的第2個(gè)li
元素的文字顏色設(shè)置為紅色,并將字體大小設(shè)置為20像素。
示例
假設(shè)你有一個(gè)HTML列表:
<ul> <li>項(xiàng)目1</li> <li>項(xiàng)目2</li> <li>項(xiàng)目3</li> </ul>
你可以使用以下CSS來(lái)樣式化第2個(gè)li
元素:
ul li:nth-child(2) { color: red; font-size: 20px; }
這樣,列表中的“項(xiàng)目2”將以紅色字體大小為20像素顯示。