偽類和偽元素

2022-08-03 00:27:12 字數 620 閱讀 7307

目前所有偽元素有(加粗的是css3之後出現):

::after

::before

::first-letter

::first-line

::selection

::backdrop

::placeholder

::marker

::spelling-error

::grammar-error

如果你的**只需要相容webkit、firefox、opera等瀏覽器,建議對偽元素採用雙冒號的寫法,如果不得不相容ie瀏覽器,還是用css2的單冒號寫法更安全。

原因:在css2之前規範不明確的時候,偽元素和偽類都使用單冒號(:)來表示。

而css3規範中的要求使用雙冒號(::)表示偽元素,以此來區分偽元素和偽類。

為了相容過去的寫法,css3之前的偽元素仍然可以使用單冒號(:)來表示,瀏覽器是可以解析的。

但是css3之後出現的偽元素必須用雙冒號表示,不再支援單冒號的形式。

偽類和偽元素

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

偽類和偽元素

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

偽類和偽元素

1 偽類 用於向某些選擇器新增特殊的效果,當已用元素處於某種狀態時,為其新增對應的樣式 link未訪問的連線 visited已訪問的連線 hover滑鼠移動到容器,可用於頁面的任何元素 active被啟用時的狀態,不僅限於連線 focus獲得焦點時的狀態,不僅限於連線 target first ch...