CSS 偽類選擇符是一種能夠通過頁面元素的狀態來選擇對應樣式的選擇器,例如鼠標懸停狀態(:hover),visited狀態(:visited)等。偽類選擇器是通過在選擇器后面加上冒號(:)和一個狀態來實現的。
a:hover{ color:red; }
上面的代碼表示當鼠標懸停在鏈接上時,鏈接文字的顏色將會變為紅色。除了 :hover 外,還有很多其他的偽類選擇器,下面是一些常見的偽類選擇器示例:
a:active – 鏈接在激活狀態時的樣式; p:first-child – 選擇第一個 p 元素; li:last-child – 選擇最后一個 li 元素; input:checked – 選擇所有已被選中的 input 元素;
除了偽類選擇器外,CSS 還提供了一種偽元素選擇器,偽元素選擇器是用來對文檔指定的元素中的部分內容進行樣式修飾的,經常用來添加一些特殊的效果,例如在元素前增加一個圖標或者下劃線等等。
p::first-letter{ font-size: 2em; color: blue; }
上面的代碼表示選擇第一個 p 元素的第一個字母(::first-letter),并將其字體大小設置為 2em,顏色設置為藍色。
總之,CSS 偽類選擇器和偽元素選擇器為我們提供了很多便利,使我們能夠更加靈活地控制頁面元素的樣式。
上一篇css偽類舉例
下一篇mysql日期轉換純數字