CSS3 常用新特性總結

2022-05-02 15:27:10 字數 849 閱讀 2708

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: 選擇被使用者選取的元素部分。

CSS3新特性總結

1.屬性選擇器 常用的簡單歸納下 attribute value 用於選取帶有指定屬性和值的元素。title w3school attribute value 包含指定詞彙的元素。後代選擇器 title hello attribute value 用於選取帶有以指定值開頭的屬性值的元素,該值必須是整...

css3新特性總結

一 圓角邊框 border radius 5px 二 多背景圖 background url img flwr.gif right bottom no repeat,url gif left top repeat 三 顏色和透明度 由原來的rgb到現在的rgba background rgba 0,...

css3新特性總結

一 圓角邊框 border radius 5px 二 多背景圖 background url img flwr.gif right bottom no repeat,url gif left top repeat 三 顏色和透明度 由原來的rgb到現在的rgba background rgba 0,...