CSS 偽類和偽元素的區別

偽類和偽元素

css3規定，

偽類由乙個冒號開始，然後為偽類的名稱。例如： :after

偽元素由兩個冒號開始，然後為偽元素的名稱。例如： ::after

偽類的概念：

偽類本質上是為了彌補常規css選擇器的不足，以便獲取到更多的資訊。通常表示獲取不存在與dom樹中的資訊，或獲取不能被常規css選擇器獲取的資訊。

:hover

:focus
:empty
...

偽元素的概念：

偽元素本質上是建立了乙個有內容的虛擬容器。這個容器不包含任何dom元素，但是可以包含內容。另外，開發者還可以為偽元素定製樣式。

::selection

::first-line / ::first-letter
::before / ::after
...

css 偽類和偽類元素的區別

偽類更多的定義的是狀態，如 hover，或者說是乙個可以使用css進行修飾的特定的特殊元素，如 first child 偽類用於當已有元素處於的某個狀態時，為其新增對應的樣式，這個狀態是根據使用者行為而動態變化的。當使用者懸停在指定的元素時，我們可以通過 hover 來描述這個元素的狀態。雖然它和普...

css中偽類和偽元素的區別

偽類用於向某些選擇器新增特殊的效果。偽元素用於將特殊的效果新增到某些選擇器。偽類有 first child link vistited，hover，active，focus，lang 偽元素有 first line，first letter，before，after 使用偽類 1 2 3 4 5 6...

CSS 屬性 偽類和偽元素的區別

可以明確兩點，第一兩者都與選擇器相關，第二就是新增一些 特殊 的效果。這裡特殊指的是兩者描述了其他css無法描述的東西。這裡用偽類 first child和偽元素 first letter來進行比較。p i first child first second 偽類 first child 新增樣式到第...