05 偽類選擇器

偽類選擇器一般會用在超連結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...