CSS偽類 偽元素

2021-07-12 00:53:05 字數 1286 閱讀 1597

css偽類用於向某些選擇器新增特殊的效果。

錨偽類

a

:link

/* 未訪問的鏈結 */

a:visited

/* 已訪問的鏈結 */

a:hover

/* 滑鼠移動到鏈結上 */

a:active

/* 選定的鏈結 */

注意:

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

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

(3) 偽類名稱對大小寫不敏感。

:first-child 偽類

選擇元素的第乙個子元素。

:first-line 偽元素

「first-line」 偽元素用於向文字的首行設定特殊樣式。

注意:

(1)」first-line」 偽元素只能用於塊級元素。

(2)下面的屬性可應用於 「first-line」 偽元素:

font、color、background、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear

:first-letter 偽元素

「first-letter」 偽元素用於向文字的首字母設定特殊樣式。

注意:

(1)」first-letter」 偽元素只能用於塊級元素。

(2)下面的屬性可應用於 「first-letter」 偽元素:

font、color、background、margin、padding、border、text-decoration、vertical-align (僅當 float 為 none 時)、text-transform、line-height、float、clear

:before 偽元素

「:before」 偽元素可以在元素的內容前面插入新內容。

下面的例子在每個元素前面插入一幅:

h1

:before

:after 偽元素

「:after」 偽元素可以在元素的內容之後插入新內容。

css偽類,偽元素

偽類作用於整個元素,比如 a link a hover div first child 儘管這些條件都不是基於dom的,但結果沒乙個都是作用於乙個完整的元素,比如整個鏈結,段落,div等等 偽元素作用於元素一部分,比如 p first line p first letter 偽元素作用於元素的一部分...

CSS 偽元素 偽類

link 未訪問的鏈結 visited 已訪問的鏈結 hover 滑鼠移到元素上 active 向被啟用的鏈結新增樣式 focus 獲得輸入焦點的元素 first child 作為某元素的第乙個子元素的元素 lang 向帶有指定lang屬性的元素新增樣式 在 css 定義中,a hover 必須被置...

css偽類 偽元素

selector pseudo element first line 文字首行設定特殊的樣式 first letter 文字首字母設定特殊樣式 before 在元素的內容前面插入新內容 after 在元素的內容之後插入新的內容 selector pseudo classa link 未訪問的連線 a...