這篇文章主要為大家展示了“CSS中的nth-of-type怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS中的nth-of-type怎么用”這篇文章吧。

從事達州電信機房，服務(wù)器租用，云主機，雅安服務(wù)器托管，空間域名，CDN，網(wǎng)絡(luò)代維等服務(wù)。

如何使用nth-of-type？

我們先來看看nth-of-type的具體描述，注意“：”（冒號）在“nth-of-type（2n）”之前附加。

li:nth-of-type(2n){

}

（）內(nèi)的“n”表示的是第幾位，“2n”則表示是其是2的倍數(shù)

你還可以指定其他的數(shù)，比如“3n+1”、“odd”、“even”等。

我們來看一個具體的示例

HTML代碼

　　
　　
　　
　　
　　
　　
　　
　　
　　

　　
1
　　
2
　　
3
　　
4
　　
5
　　
6
　　
7
　　
　　
　　

CSS代碼

　　sample.css
　　li:nth-of-type(2n){
　　color:#5bc0de;
　　}
　　li{
　　margin:10px;
　　font-size:120%;
　　}

以上是“CSS中的nth-of-type怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！