偽類選擇器一般會用在超連結a標籤中,使用a標籤的偽類選擇器,我們一定要遵循"愛恨準則" love hate
/*沒有被訪問的a標籤的樣式*/.box ul li.item1 a:link
/*訪問過後的a標籤的樣式*/
.box ul li.item2 a:visited
/*滑鼠懸停時a標籤的樣式*/
.box ul li.item3 a:hover
/*滑鼠摁住的時候a標籤的樣式*/
.box ul li.item4 a:active
再介紹一種css3的選擇器nth-child()
/*選中第乙個元素*/div ul li:first-child
/*選中最後乙個元素*/
div ul li:last-child
/*選中當前指定的元素 數值從1開始*/
div ul li:nth-child(3)
/*n表示選中所有,這裡面必須是n, 從0開始的 0的時候表示沒有選中*/
div ul li:nth-child(n)
/*偶數*/
div ul li:nth-child(2n)
/*奇數*/
div ul li:nth-child(2n-1)
/*隔幾換色 隔行換色
隔4換色 就是5n+1,隔3換色就是4n+1
*/div ul li:nth-child(5n+1)
05 偽類選擇器
偽類選擇器一般會用在超連結a標籤中,使用a標籤的偽類選擇器,我們一定要遵循 愛恨準則 love hate 沒有被訪問的a標籤的樣式 box ul li.item1 a link 訪問過後的a標籤的樣式 box ul li.item2 a visited 滑鼠懸停時a標籤的樣式 box ul li.i...
屬性選擇器,偽類選擇器,偽元素選擇器
屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...
偽類選擇器
作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...