範仁義css3課程 37 偽類選擇器

2022-03-23 21:44:23 字數 1546 閱讀 1582

偽類選擇器中的偽類是乙個概念上的類,不是我們定義的,是抽象的。如a:hover,選擇a標籤(元素選擇器)中具有滑鼠懸停類的所有元素比如:link、:visited、:hover、:active、:focus在styles裡面的:hov(force element state) 裡面,如果我們想看:hover,我們就選中:hover

偽類選擇器:乙個概念上的類,不是我們定義的,是抽象的。如a:hover,選擇a標籤(元素選擇器)中具有滑鼠懸停類的所有元素,這個類是抽象的,不是我們自己定義的

偽類選擇器的本質是  交集選擇器

偽類專門用來表示元素的一種的特殊的狀態,

比如:訪問過的超連結,比如普通的超連結,比如獲取焦點的文字框

當我們需要為處在這些特殊狀態的元素設定樣式時,就可以使用偽類

偽類選擇器:

1. link、hover、active、visited

瀏覽器是通過歷史記錄來判斷乙個鏈結是否訪問過

p標籤等其它標籤上面也可以設定hover和active

:focus選擇器用於選擇具有焦點的元素。

>偽類選擇器

title

>

6<

style

>

7a:link

10a:hover

13a:active

16a:visited

19p:hover

22p:active

25input:focus

28style

>

29head

>

30<

body

>

3152

53<

a href

=""target

="_blank"

>

a>

54<

br>

55<

hr>

56<

a href

=""target

="_blank"

>

a>

57<

p>p標籤

p>

58<

br>

59<

hr>

60<

input

type

="text"

>

61body

>

62html

>

範仁義css3課程 38 偽元素選擇器

偽元素選擇器中的偽元素相當於dom中不存在的元素,僅僅是css中用來渲染,新增一些特殊效果的,比如p before,選擇p標籤 真元素 前面的假元素 偽元素,p標籤前面沒有元素,只是假設有 比如 before after first letter first line 1 before before...

範仁義css3課程 14 顏色

設定color的值為transparent即可,例如color transparent用opacity屬性,屬性值在0.0到1.0範圍內,0表示透明,1表示不透明,比如 opacity 0.5 顏色值縮寫 關於顏色的css樣式也是可以縮寫的,當你設定的顏色是16進製制的色彩值時,如果每兩位的值相同,...

範仁義css3課程 10 內邊距

內邊距用padding屬性來設定,例如padding 25px 也可以用padding left right top bottom 分別設定四個邊的內邊距。padding屬性非常常用。css padding 填充 是乙個簡寫屬性,定義元素邊框與元素內容之間的空間,即上下左右的內邊距。padding ...