1. 程式人生 > >html+css中偽類偽元素之分及標籤書寫

html+css中偽類偽元素之分及標籤書寫

css選擇器有偽類和偽元素之分,以下是兩者區別:
偽類:書寫時元素加一個冒號然後寫屬性值;
偽元素:書寫時元素加兩個冒號然後寫屬性值;
一般偽元素同樣只寫一個冒號,瀏覽器照常識別,所以兩者寫法區分目前並不嚴格;
實際運用時根據作用物件,兩者運用範圍有差異:偽類運用於樣式,偽元素運用於結構。
偽類:
a:link; a:visited; a:hover; a:active; element:first-child;等
偽元素:
element::first-line; element::fitst-letter; element::before; element::after;等
怎麼區分:簡單來說,如果不用這個選擇器,要實現同樣的效果,是通過給具體元素取類名實現,還是通過在結構裡新增元素標籤來實現,一目瞭然。
兩者寫法差異會逐漸區分,就像<br />與<br>,

前者符合XML書寫規則,且HTML也能識別,後者是HTML寫法趨勢。
隨著程式語言規範統一,程式碼寫法也將趨於規範化,這是一種好的發展方向。
這是菜鳥HTML程式碼書寫規範