CSS選擇器（3） 動態偽類選擇器

2022-01-13 04:18:32 字數 795 閱讀 1808

偽類選擇器對於大家來說最熟悉的莫過於link、visited、hover、active，這是平時常用到的偽類選擇器。而css3的偽類選擇器可以分為6種：動態偽類選擇器、目標偽類選擇器、語言偽類選擇器、ui狀態偽類選擇器、結構偽類選擇器和否定偽類選擇器。

鏈結偽類選擇器（e:link），選擇匹配的e元素，並且匹配的元素被定義了超連結並且未被訪問過，常用於鏈結錨點上。

a:link
鏈結偽類選擇器（e:visited），選擇匹配的e元素，並匹配的元素被定義了超連結已被訪問過，常用於鏈結錨點上。

a:visited
使用者行為偽類選擇器（e:active）,選擇匹配的e元素，並且匹配的元素被啟用(滑鼠按下)。

a:active
使用者行為偽類選擇器（e:hover），選擇匹配的e元素，並且滑鼠懸停在e元素上。

p:hover
使用者行為偽類選擇器（e:focus），選擇匹配的e元素，並且匹配的元素獲得了焦點。

a:focus


input:focus
目標偽類選擇器（e:target），用來匹配頁面的url中某個識別符號的目標元素。具體來說，url中的識別符號通常會包含乙個井號（#），後面帶有乙個識別符號名稱，例如"#contact"，目標偽類選擇器就是用來匹配id為"contact"的元素。

:target

CSS3 選擇器 偽類選擇器

e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類，如 link ...

Css3選擇器 偽類選擇器

一 動態偽類 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種，第一種是我們在鏈結中常看到的錨點偽類，如 link visited 另外一種被稱作使用者行為偽類，如 hover active 和 focus 對於 hover在ie6下只有a元素支...

css選擇器 偽類選擇器 屬性選擇器

偽類選擇器 nth of type index index 同型別兄弟元素中的排名 屬性選擇器 attr val attr 屬件名稱 val 屬性值 屬性選擇器 href val 表標屬性的結尾 屬性選擇器 class tap 表示屬的開頭 first child選擇第乙個 元素 nth of ty...