99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

CSS中nth-of-type的使用方法？這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)主營郊區(qū)網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app軟件開發(fā),郊區(qū)h5微信小程序開發(fā)搭建,郊區(qū)網(wǎng)站營銷推廣歡迎郊區(qū)等地區(qū)企業(yè)咨詢

nth-of-type是一個獲取一些適用項并應用樣式的屬性，它是從CSS 3添加的CSS選擇器之一，:nth-of-type(n) 選擇器匹配屬于父元素的特定類型的第 N 個子元素的每個元素。

如何使用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%;
}

頁面上將顯示如下效果，你會看到2的倍數(shù)的顏色都變成了藍色。

感謝各位的閱讀！看完上述內(nèi)容，你們對CSS中nth-of-type的使用方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關文章內(nèi)容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享標題：CSS中nth-of-type的使用方法
網(wǎng)頁路徑：http://www.ef60e0e.cn/article/gosgsp.html