CSS中可以使用偽類:nth-child()
來選擇第幾個li
元素,這個偽類接受一個參數(shù),即要選擇的子元素的序號,從1開始計數(shù)。
如果要選擇第3個li
元素,可以這樣做:
li:nth-child(3) { /* 在這里應用樣式 */ }
這個選擇器會應用到所有li
元素的父元素下的第3個li
元素,如果你想選擇其他序號,只需要將3替換成相應的序號即可。
如果你想要選擇奇數(shù)或偶數(shù)li
元素,可以使用:nth-child(odd)
或:nth-child(even)
。
li:nth-child(odd) { /* 在這里應用樣式 */ }
這個選擇器會應用到所有li
元素的父元素下的奇數(shù)序號li
元素,偶數(shù)序號同理。
:nth-child()
偽類是從1開始計數(shù)的,而不是從0開始,第1個li
元素是li:nth-child(1)
,第2個是li:nth-child(2)
,以此類推。
如果你想要選擇特定數(shù)量的li
元素,比如前5個,可以使用:nth-child(-n+5)
,這個選擇器會應用到所有li
元素的父元素下的前5個li
元素,其他數(shù)量同理。