css3選擇器 後代 子代 組合 偽類

2021-10-07 22:08:03 字數 1111 閱讀 9681

div a

div中的a標籤

div>a

>這個表示子代,後代是說不管是兒子孫子都算,但是子代只是自己的下一代,如果例子中的a標籤為div的孫子,那這個樣式就無法作用在a的身上

多個標籤或類設定共同的樣式

div,a

例子:a標籤的選擇狀態

/* 沒有訪問時 */

a:link

/* 訪問後 */

a:visited

/* 滑鼠懸浮 */

a:hover

/* 滑鼠按住時 */

a:active

hover所有標籤都可以使用,其他的只有a可以使用

選擇器示例

示例說明

:link

a:link

選擇所有未訪問鏈結

:visited

a:visited

選擇所有訪問過的鏈結

:active

a:active

選擇正在活動鏈結

:hover

a:hover

把滑鼠放在鏈結上的狀態

:focus

input:focus

選擇元素輸入後具有焦點

:first-letter

p:first-letter

選擇每個元素的第乙個字母

:first-line

p:first-line

選擇每個元素的第一行

:first-child

p:first-child

選擇器匹配屬於任意元素的第乙個子元素的 元素

:before

p:before

在每個元素之前插入內容

:after

p:after

在每個元素之後插入內容

:lang(language)

p:lang(it)

為元素的lang屬性選擇乙個開始值

元素選擇器:1《類選擇器:10

CSS3 選擇器 偽類選擇器

e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類,因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來,動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類,如 link ...

Css3選擇器 偽類選擇器

一 動態偽類 動態偽類,因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來,動態偽類包含兩種,第一種是我們在鏈結中常看到的錨點偽類,如 link visited 另外一種被稱作使用者行為偽類,如 hover active 和 focus 對於 hover在ie6下只有a元素支...

css3偽類選擇器

css3偽類選擇器 動態偽類選擇器 他不存在於html中,只有在互動的過程中,才能使用動態偽類選擇器對其進行樣式的渲染 超連結ui元素狀態偽類選擇器 結構偽類選擇器 first child 選擇某個元素的第乙個子元素 last child 選擇某個元素的最後乙個子元素 nth child 選擇某個元...