css 3鏈結偽類與動態偽類

2022-03-20 21:02:32 字數 664 閱讀 4844

鏈結偽類link:表示作為超連結,並指向乙個未訪問的位址的所有錨

鏈結偽類不可以加在div上

"#

">點我點我點我

"test

">我是div啦

view code

"#

">點我點我點我

view code

可以利用target寫乙個div切換

"#div1

">div1

"#div2

">div2

"#div3

">div3

"div1

">div1

"div2

">div2

"div3

">div3

view code

動態偽類  :移入:hover ,移出:active

"test

">我是test

view code

"#1

">我是第乙個a標籤"#2

">我是第二個a標籤"#3

">我是第三個a標籤"#4

">我是第四個a標籤"#5

">我是第五個a標籤"#6

">我是第六個a標籤

實際應用

css 3鏈結偽類與動態偽類

鏈結偽類link 表示作為超連結,並指向乙個未訪問的位址的所有錨 鏈結偽類不可以加在div上 點我點我點我 我是div啦 view code 點我點我點我 view code 可以利用target寫乙個div切換 div1 div2 div3 div1 div2 div3 view code 動態偽...

CSS偽類 動態鏈結

偽類可以看做是一種特殊的類選擇符,是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 selector pseudo class 選擇符 偽類 偽類和類不同,是css已經定義好的,不能象類選擇符一樣隨意用別的名字,根據上面的語法可以解...

CSS3 偽元素和偽類

css偽類和偽元素的區別,在css3中,實際上的偽元素應該只有 before和 after兩個了,這兩個元素是實際存在在dom中的,而類本身就是表示元素的狀態,所以偽類應該也是為了表示元素的狀態的。在css3中,可以直接用 還是 來區分偽類和為元素了。由於偽類主要是表示元素的狀態,那麼偽類的主要功能...