html新增伪类,css3新增伪类有哪些
CSS偽類是用來添加一些選擇器的特殊效果,是用于已有元素處于某種狀態時為其添加對應的樣式,這個狀態是根據用戶行為而動態變化的。
何為偽類?
就是css內置類css內部本身賦予它一些特性和功能,也就是你不用再class=...或id=...你就可以直接拿來使用,當然你也可以改變它的部分屬性比如:a:link{color:#FF0000;}
相關課程推薦:css視頻教程
那么css3新增偽類有哪些?
:first-of-type
p:first-of-type 選擇屬于其父元素的首個
元素的每個
元素。
:last-of-type
p:last-of-type 選擇屬于其父元素的最后
元素的每個
元素。
:only-of-type
p:only-of-type 選擇屬于其父元素唯一的
元素的每個
元素。
:only-child
p:only-child 選擇屬于其父元素的唯一子元素的每個
元素。
:nth-child(n)
p:nth-child(2) 選擇屬于其父元素的第二個子元素的每個
元素。
:nth-last-child(n)
p:nth-last-child(2) 同上,從最后一個子元素開始計數。
:nth-of-type(n)
p:nth-of-type(2) 選擇屬于其父元素第二個
元素的每個
元素。
:nth-last-of-type(n)
p:nth-last-of-type(2) 同上,但是從最后一個子元素開始計數。
:last-child
p:last-child 選擇屬于其父元素最后一個子元素每個
元素。
:root
:root 選擇文檔的根元素。
:empty
p:empty 選擇沒有子元素的每個
元素(包括文本節點)。
:target
#news:target 選擇當前活動的 #news 元素。
:enabled
input:enabled 選擇每個啟用的 元素。
:disabled
input:disabled 選擇每個禁用的 元素
:checked
input:checked 選擇每個被選中的 元素。
:not(selector)
:not(p) 選擇非
元素的每個元素。
::selection
::selection 選擇被用戶選取的元素部分。
本文來自 css答疑 欄目,歡迎學習!
總結
以上是生活随笔為你收集整理的html新增伪类,css3新增伪类有哪些的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【ES6(2015)】Map
- 下一篇: python url拼接_python学