關於 偽類選擇器 小筆記

2021-10-02 10:23:03 字數 680 閱讀 6912

語法:

ele(元素):hover(狀態)

常見狀態

a hover active link visited

引數:1.表示—狀態

hover 表示滑鼠懸停狀態

link 表示該連線不在歷史記錄,沒有點過

visited 表示鏈結已被訪問

active 滑鼠按住

2.表示—位置
表示位置的偽類選擇器

first 第一位置

last 最後位置

nth(x) 從上往下數,第x位置

nth-last(x) 倒數,第x位置

偽類選擇器還支援使用數學表示式

nth-child支援數學表示式

2n 2n-1 3n

2n = 2,4,6都會被影響

奇數 even

偶數 odd

表示–位置–按型別劃分 的偽類選擇器

first-of-type 看位置 如div>p 就是 範圍內所有p 的first(第乙個) 的 樣式

last-of-type 看位置 如div>p 就是 範圍內所有p 的first(最後乙個) 的 樣式

nth-of-type(2) 規定所有p元素的第二個

nth-last-of-type(2) 規定所有p元素的倒數第二個

(待更新)

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 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...