偽類選擇器

2021-10-24 05:55:50 字數 1508 閱讀 9985

>

>

li>

ul>

>

>

li>

>

li>

>

li>

>

li>

>

li>

ul>

lang

="zh"

>

>

charset

="utf-8"

>

>

documenttitle

>

>

/* (偽類選擇器)將第乙個li變紅,根據所有子元素進行排序,

但此時span是第乙個子元素,所以失效 */

ul>li:first-child

style

>

head

>

>

>

>

0span

>

>

1li>

>

2li>

>

3li>

>

4li>

>

5li>

ul>

body

>

html

>

lang

="zh"

>

>

charset

="utf-8"

>

>

documenttitle

>

>

/* (偽類選擇器)將第乙個li變紅 */

ul>li:first-child

/* (偽類選擇器)將最後乙個li變紅 */

ul>li:last-child

/* (偽類選擇器)選中第3個子元素 */

ul>li:nth-child(3)

/* (偽類選擇器)選中第偶數字子元素 */

ul>li:nth-child(even)

/* (偽類選擇器)選中同型別第乙個子元素li */

ul>li:first-of-type

/* (否定偽類)選中ul中的子元素li,

除了第三個(所有元素排序中的第三個)

這裡為數字2那行 */

ul>li:not(:nth-child(3))

style

>

head

>

>

>

>

0span

>

>

1li>

>

2li>

>

3li>

>

4li>

>

5li>

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...