更新於(2017.07.07)會總結項目中比較常用的有些CSS屬性 偽類選擇器 超鏈接狀態順序: ...
更新於(2017.07.07)會總結項目中比較常用的有些CSS屬性
偽類選擇器
- E:first-of-type: 匹配同類型中的第一個同級兄弟元素E
- E:last-of-type: 匹配同類型中的最後一個同級兄弟元素E
- E:first-child: 匹配其父元素的第n個子元素,第一個編號為1
- E:last-child: 匹配其父元素的倒數第n個子元素,第一個編號為1
- E:nth-child(n): 選擇屬於其父元素的第n個子元素的
- E:nth-last-child(n): 選擇屬於其父元素的倒數第n個子元素的
- E:only-child: 選擇屬於其父元素的唯一子元素(只有一個才能被選中)
- E:only-of-type: 選擇屬於其父元素唯一的同級兄弟元
- E:nth-of-type(n):匹配同類型中的第n個同級兄弟元素E。
- E:nth-last-of-type(n):匹配同類型中的倒數第n個同級兄弟元素E
超鏈接狀態順序:
- a:link :設置超鏈接a在未被訪問前的樣式
- a:visited :設置超鏈接a在其鏈接地址已被訪問過時的樣式
- a:hover :設置元素在其滑鼠懸停時的樣式
- a:active :設置元素在被用戶激活(在滑鼠點擊與釋放之間發生的事件)時的樣式
- :root: 選擇文檔的根元素
- E:empty: 選擇沒有子元素的每個E元素(包括文本節點)。
- E:checked: 匹配用戶界面上處於選中狀態的元素E。(多數用於input type為radio與checkbox時)
- E:enabled: 選擇每個啟用的E元素(文本框沒有disabled屬性的)
- E:disabled: 選擇每個禁用的E元素(文本框有disabled屬性的)
- E::selection: 選擇被用戶選取的元素部分。