本篇文章帶給大家的內容是關於CSS3中增加的偽類有哪些及其作用是什麼?有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
1. 偽類別與偽元素
CSS偽類別:用於為某些選擇器新增特殊的效果。
CSS偽元素:用於將特殊的效果新增至某些選擇器。偽元素代表了某個元素的子元素,這個子元素雖然在邏輯上存在,但卻不實際存在於文檔樹中。
偽元素 | 作用 |
#::first-letter | 將樣式加入到文字的首字母 |
::first-line | 將樣式加入到文字的首行 |
在某元素之前插入某些內容 | |
在某元素之後插入某些內容 |
作用 | |
# #p:first-of-type | 選擇屬於其父元素的首個 |
p:last-of-type | 選擇屬於其父元素的最後 |
p:only-of-type | 選擇屬於其父元素唯一的 |
p:only-child | 選擇屬於其父元素唯一的子元素的每個 |
p:nth-child(n) | 選擇屬於其父元素的第n個子元素的每個 |
p:nth-last-child(n) | 選擇屬於其父元素的倒數第n個子元素的每個 |
p:nth-of-type(n) | 選擇屬於其父元素第n個 |
p:nth-last-of-type(n) | #選擇屬於其父元素倒數第n個 |
p:last-child | 選擇屬於其父元素最後一個子元素的每個 |
p:empty | 選擇每個沒有子元素的 |
p:target | #選擇目前活動的 |
:not(p) | 選擇非 |
:enabled | 控製表單控制項的可用狀態。 |
:disabled | 控製表單控制項的停用狀態。 |
:checked | 單選方塊或複選框被選取。 |
#偽類別 | #作用 |
:hover | 將樣式加入滑鼠懸浮的元素 |
:active | 將樣式加入已啟動的元素 |
:focus | 將樣式新增至獲得焦點的元素 |
:link | 將樣式新增至未被造訪的連結 |
:visited | 將樣式加入被造訪的連結 |
:first-child | 將樣式新增到元素的第一個子元素 |
:lang | 定義指定的元素中所使用的語言 |
以上是CSS3中增加的偽類有哪些及其作用是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!