偽類和偽元素

2021-08-21 16:11:02 字數 1140 閱讀 4658

1》偽類:

用於向某些選擇器新增特殊的效果,當已用元素處於某種狀態時,為其新增對應的樣式

:link未訪問的連線

:visited已訪問的連線

:hover滑鼠移動到容器,可用於頁面的任何元素

:active被啟用時的狀態,不僅限於連線

:focus獲得焦點時的狀態,不僅限於連線

:target

:first-child....

2》偽元素:

用於將特殊的效果新增到某些選擇器,用於建立一些不存在文件樹中的元素,為其新增樣式

::first-letter   ::first-line   ::before      ::after

::selection匹配突出顯示文字

3》區別:

根本區別:他們是否創造了新元素(抽象),偽類

的效果可以通過新增乙個實際的類來達到,而偽元素

的效果需要通過新增乙個實際的元素才能達到

css3寫法上的區別:明確規定了偽類:偽元素::

2)注意事項

偽元素預設是 inline

1.使用偽元素before,after必須設定content

2.使用偽元素before,after顯示背景圖,一定要使用display設定為塊元素

3.使用偽元素before,after設定為display:inline-block,需要再次設定vertical-align:middle

偽類和偽元素

偽元素 first letter向文字的第乙個字母新增特殊樣式 first line 向文字的第一行新增樣式 before 在元素之前新增內容 after 在元素之後新增內容 偽類 link 未被訪問的鏈結 visited 已訪問的鏈結 hover當滑鼠懸停到元素上方時 active被啟用的元素 注...

偽類和偽元素

定義 偽類和偽元素就是為文件中不一定存在的結構指定樣式,或者為某些元素 甚至文件本身 的狀態所指示的幻象類指定樣式。css引入偽類和偽元素概念是為了格式化文件樹以外的資訊。偽類的形式 選擇符 偽類 偽元素的形式 選擇符 偽元素 css3規範中要求使用雙冒號 表示偽元素,以此來區分偽元素和偽類。鏈結偽...

偽元素和偽類

引入偽類和偽元素是為了格式化文件樹以外的資訊。也就是說,偽類和偽元素是用來修飾不在文件樹中的部分,比如,一句話中的第乙個字母,或者是列表中的第乙個元素。偽類和偽元素的根本區別在於 他們是否建立了新的元素。偽類 用於向某些選擇器新增特殊的效果 偽元素 用於將特殊的效果新增到某些選擇器 偽元素不存在do...