理解的偽類 偽元素

2022-05-02 09:24:21 字數 629 閱讀 2969

偽類:                元素的狀態

屬性描述

:active

向被啟用的元素新增樣式。

:focus

向擁有鍵盤輸入焦點的元素新增樣式。

:hover

當滑鼠懸浮在元素上方時,向元素新增樣式。

:link

向未被訪問的鏈結新增樣式。

:visited

向已被訪問的鏈結新增樣式。

:first-child

向元素的第乙個子元素新增樣式。

:lang

向帶有指定 lang 屬性的元素新增樣式。

偽元素 :                  兩個「:」的是css3的產物,稱為偽元素

偽元素並不是在任何元素上通過他們都能為某個元素新增內容,或者寫任何效果 在「input」和「img」元素是使用是沒有任何效果的,還有一點偽元素的動畫效果在「-webkit」內容下不起作用。

屬性描述

first-letter

向文字的第乙個字母新增特殊樣式。

:first-line

向文字的首行新增特殊樣式。

:before

在元素之前新增內容。

:after

在元素之後新增內容。

偽元素 偽類

偽元素在dom中建立了一些抽象元素,而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時,要使用content進行內容設定。預設情況下,偽元素插入的內容為行內元素,不過可以使用display進行設定。注意 同時只能使用乙個偽元素...

偽類 偽元素

偽類和偽元素在web開發中用的好的話,可以說猶如神助。但一定要分清楚,什麼是偽類,什麼是偽元素。如何區分偽元素與偽類?答 偽元素在html文件渲染後,頁面中有相應的內容顯示,同時能夠設定它的樣式,而偽類只能設定樣式 偽元素和元素的區別?答 很明顯,從字面意思上來說,偽元素就不是真正的元素,而只有形而...

偽類 偽元素

偽類和偽元素 偽類其實是為彌補css選擇器的不足,用來更方便地獲取資訊 而偽元素本質上是建立了乙個虛擬容器 元素 我們可以在其中新增內容或樣式 css3中,偽類用單冒號 表示 而偽元素用雙冒號 表示 before 偽元素可以在元素的內容前面插入新內容 after 偽元素以在元素的內容之後插入新內容 ...