偽類選擇器中的偽類是乙個概念上的類,不是我們定義的,是抽象的。如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 ...