1 3 CSS3課程入門之偽類和偽元素

2022-03-14 09:45:32 字數 1600 閱讀 7452

e:target 表示當前的url片段的元素型別,這個元素必須是e

e:disabled 表示不可點選的表單控制項

e:enabled 表示可點選的表單控制項

e:checked 表示已選中的checkbox或radio

e::after 生成內容在e元素後

e:not(s) 表示e元素不被匹配

e~f表示e元素毗鄰的f元素

e:first-line選中第一行文字

e:first-letter選中第乙個字

e::selection 當文字被選中時觸發效果【注意是雙冒號】

content 屬性:

e:after 利用content屬性在元素末尾新增內容

e:before 利用content屬性在元素開頭新增內容

>checked偽類與~選擇器實現好看選擇框效果

title

>

<

link

rel="stylesheet"

href

="">

<

style

>

*label

span

input[type=radio]

input:checked~span

style

>

head

>

<

body

>

<

label

><

input

type

="radio"

name

="tab"

/><

span

>

span

>

label

>

<

label

><

input

type

="radio"

name

="tab"

/><

span

>

span

>

label

>

<

label

><

input

type

="radio"

name

="tab"

/><

span

>

span

>

label

>

body

>

html

>

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

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

CSS3 偽元素和偽類

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

css3 偽元素和偽類

1,定義 w3c定義 偽元素偽類 都可以向某些選擇器設定特殊效果。css2中定義 css3中的定義 1 偽元素 在dom樹中建立了一些抽象元素 虛擬的容器 由兩個冒號 開頭 css2中並沒有區別 為了相容性一般還是寫乙個冒號 2 偽類 為了選擇器找到那些不存在於dom樹中的資訊 及 不能被常規css...