CSS3 經常使用新特性總結

本文轉載於:猿2048網站➯CSS3 經常使用新特性總結

更新於（2017.07.07）會總結項目中比較經常使用的有些CSS屬性

僞類選擇器

1. E:first-of-type: 匹配同類型中的第一個同級兄弟元素E
2. E:last-of-type: 匹配同類型中的最後一個同級兄弟元素E
3. E:first-child: 匹配其父元素的第n個子元素，第一個編號爲1
4. E:last-child: 匹配其父元素的倒數第n個子元素，第一個編號爲1
5. E:nth-child(n): 選擇屬於其父元素的第n個子元素的
6. E:nth-last-child(n): 選擇屬於其父元素的倒數第n個子元素的
7. E:only-child: 選擇屬於其父元素的惟一子元素(只有一個才能被選中)
8. E:only-of-type: 選擇屬於其父元素惟一的同級兄弟元
9. E:nth-of-type(n)：匹配同類型中的第n個同級兄弟元素E。
10. E:nth-last-of-type(n)：匹配同類型中的倒數第n個同級兄弟元素E

 

---

 超連接狀態順序：

1. a:link ：設置超連接a在未被訪問前的樣式
2. a:visited ：設置超連接a在其連接地址已被訪問過期的樣式
3. a:hover ：設置元素在其鼠標懸停時的樣式
4. a:active ：設置元素在被用戶激活（在鼠標點擊與釋放之間發生的事件）時的樣式

---

 

1. :root: 選擇文檔的根元素
2. E:empty: 選擇沒有子元素的每一個E元素（包括文本節點)。
3. E:checked: 匹配用戶界面上處於選中狀態的元素E。(多數用於input type爲radio與checkbox時)
4. E:enabled: 選擇每一個啓用的E元素（文本框沒有disabled屬性的）
5. E:disabled: 選擇每一個禁用的E元素（文本框有disabled屬性的）
6. E::selection: 選擇被用戶選取的元素部分。