CSS之偽類選擇器 偽元素

2021-09-25 00:27:24 字數 666 閱讀 2305

偽元素

a:link 		/* 未訪問的鏈結 */

a:visited /* 訪問過的鏈結 */

a:hover /* 滑鼠移動到鏈結上 */

a:active /* 按住滑鼠不動的時候 */

提示:在 css 定義中,a:hover 必須被置於 a:link 和 a:visited 之後,才是有效的。

提示:在 css 定義中,a:active 必須被置於 a:hover 之後,才是有效的。

html

>

>

>

我是第乙個li標籤li

>

>

我是第二個li標籤li

>

>

我是第三個li標籤li

>

>

我是第四個li標籤li

>

>

我是第五個li標籤li

>

ul>

div>

css

div ul li:first-child

效果圖

CSS3之偽元素選擇器和偽類選擇器

偽類選擇器,和一般的dom中的元素樣式不一樣,它並不改變任何dom內容。只是插入了一些修飾類的元素,這些元素對於使用者來說是可見的,但是對於dom來說不可見。偽類的效果可以通過新增乙個實際的類來達到。a link a visited a hover a active在 css 定義中,a hover...

css 偽元素選擇器

doctype html en utf 8 viewport content width device width,initial scale 1.0 偽元素選擇器 title 偽元素,表示頁面中一些特殊的並不真實的存在的元素 特殊的位置 偽元素使用 開頭 first letter 表示第乙個字母 ...

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...