CSS2偽類選擇器要點

2022-03-05 04:42:42 字數 579 閱讀 4821

有四個選擇器,分別是

hover:滑鼠懸停  

link:鏈結不能使用時

visited:鏈結被點選後 

active:鏈結被點選時,如果滑鼠不放,就會一直觸發active屬性

link在w3c中記錄為鏈結未被點選時,實際上是當href屬性不能使用時觸發,列如南達科他級

此時會啟用link屬性

如果某乙個標籤需要同時使用上面的多個偽類選擇器,要想全部啟用是有順序關係的

link  visited  hover  active  ,建議按照這個排列方式書寫

愛恨分明原則: l v h a 

注釋:為了產生預期的效果,在 css 定義中,a:hover 必須位於 a:link 和 a:visited 之後 !

注釋:為了產生預期的效果,在 css 定義中,a:active 必須位於 a:hover 之後!!

注釋:pseudo-class(偽類)的名稱對大小寫不敏感。

注釋:偽類可與 css 類配合使用:

a.red:visited

css syntax

如果上面這個例子中的鏈結已訪問過,那麼它會顯示為紅色。

css選擇器2 偽類選擇器

一.偽元素選擇器 1.e first letter e first letter css3時代兩個冒號 設定元素內的第乙個字元的樣式。例如 p first letter2.e first line e first line 設定元素內的第一行的樣式。例如 p first line3.e before...

CSS2的選擇器

選擇器 在 之前的部分就是 選擇器 選擇器 指明了 中的 樣式 的作用物件,也就是 樣式 作用於網頁中的哪些元素。p 在html中用class 類選擇器名稱 引用 類選擇器名稱 在html中用id id選擇器名稱 引用 id選擇器名稱類選擇器與id選擇器的異同 兩者都能作用於所有標籤,不同的是 在乙...

CSS偽類選擇器

原來學習過css偽類選擇器,前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下 css偽類選擇器是用於向某些元素新增特定的效果。錨偽類 包括四種狀態,活動狀態,未被訪問狀態,已被訪問狀態,懸停效果。example a link a visited a hover a active fist ...