在 CSS 中,li 選擇器可用于普通無序列表或有序列表上。通過 li 選擇器,可以控制列表項的樣式,比如更改顏色、字體、背景等。
li { color: blue; font-weight: bold; background-color: yellow; }
如果想特別控制列表中的第一個元素的樣式,可以使用 li:first-child 選擇器。比如,我們可以將第一個列表項的顏色設置為紅色。
li:first-child { color: red; }
需要注意的是,li:first-child 選擇器只會對每個列表的第一個元素生效,而不是每個嵌套列表的第一個元素。
可以使用 li:first-of-type 選擇器來控制嵌套列表中每個類型的第一個元素的樣式。比如,我們可以將每個嵌套列表的第一個無序列表項的顏色設置為綠色。
ul li:first-of-type { color: green; }
總之,在 CSS 中,我們可以通過選擇器來控制列表的不同元素的樣式,更好地控制網站的視覺效果。
上一篇css li的短分割線
下一篇css li點恢復