html---序選擇器

1、同級別：

：first-child 選中同級別中的第一個標簽

：last-child 選中同級別中的最后一個標簽

：nth-child(n) 選中同級別中的第n個標簽

：nth-last-child(n) 選中同級別中的倒數第n個標簽

：only-child 選中父元素中唯一的子元素

注意點：不區分類型

2、同類型：

：first-of-type 選中同級別同類型的第一個標簽

：last-of-type 選中同級別同類型的最后一個標簽

：nth-of-type(n) ?選中同級別同類型的第n個標簽

：nth-last-of-type(n)? 選中同級別同類型的倒數第n個標簽

：only-of-type ?選中的是父元素中唯一類型的某個標簽

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.class 和 id 的使用場景? 類選擇器允許以一種獨立于文檔元素的方式來指定樣式。該選擇器可以單獨使用，也...
    草鞋弟閱讀 2,485評論 0贊 1
  • CSS選擇器 標簽選擇器 什么是標簽選擇器? 作用: 根據指定的標簽名稱, 在當前界面中找到所有該名稱的標簽, 然...
    Jackson_yee_閱讀 516評論 0贊 0
  • 1.class 和 id 的使用場景? 兩者都能選取DOM節點并給DOM節點添加樣式，但是W3C標準里規定頁面中只...
    饑人谷_米彌輪閱讀 426評論 0贊 1
  • class 和 id 的使用場景? 每個標簽只能設置一個id，此id在頁面中只能出現一次。id多用于頁面分塊時塊級...
    cross_王閱讀 451評論 0贊 0
  • #1234 ``` 213 ```
    dreasky閱讀 79評論 0贊 1