CSS中的隔2取1,也稱為nth-child(2n+1),是一種選擇器,用于在一個列表中每隔一個元素選中一個元素。
li:nth-child(2n+1) { background-color: grey; }
上述代碼的意思是,選擇一個列表中每隔一個元素,即第1、3、5、7、9、11等元素,并將它們的背景顏色設置為灰色。
這個選擇器的應用場景很多,最常見的莫過于對網站中的表格進行隔行著色。
tr:nth-child(2n+1) { background-color: grey; }
上述代碼的意思是,選擇一個表格中每隔一個行,即第1、3、5、7、9、11等行,并將它們的背景顏色設置為灰色,從而使表格更易讀。
CSS中的隔2取1選擇器,是一個十分實用的工具,它可以讓頁面更易讀、更美觀,同時也很容易應用于代碼中。
上一篇css 針對ie7
下一篇css 選擇父節點沒有