/*未訪問的鏈結樣式*/
a:link
/* 已訪問的鏈結*/
a:visited
/* 滑鼠懸停效果*/
a:hover
/* 按住滑鼠不鬆手*/
a:active
style
>
head
>
>
>
href
="">
搶購a>
href
="">
秒殺a>
/*選擇第乙個孩子*/
li:first-child
/*選擇最後乙個選擇器*/
li:last-child
/*選擇第三個孩子*/
/*li:nth-child(3)
*//* n 0 1 2 li編號從1開始編號*/
/* li:nth-child(2n-1) */
/* odd奇數
li:nth-child(odd)
*//* even 偶數
li:nth-child(even)
*//* 倒數*/
/* li:nth-last-child(even) */
style
>
head
>
>
>
>
aaaaali
>
>
bbbbbbli
>
>
cccccli
>
>
dddddddddli
>
>
eeeeeeli
>
>
ffffffli
>
ul>
>
>
aaaaa1li
>
>
bbbbbb1li
>
>
ccccc1li
>
>
ddddddddd1li
>
>
eeeeee1li
>
>
ffffff1li
>
ul>
body
>
html
>
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 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...
偽類選擇器
偽類選擇器 用來設定 某些元素在特殊情況下的屬性 例如 超連結在訪問之後的樣式，文字框獲得輸入焦點後的樣式，文字被選中後的樣式。等 1 visited 這個偽類選擇器用於 超連結。指的是 訪問之後的超連結的樣式。只能修改顏色。3 link 普通超連結的樣式 可以設定顏色 背景顏色。等等 4.hove...