1. 程式人生 > >css3和css偽類和偽元素區別與相容性

css3和css偽類和偽元素區別與相容性

單冒號(:)用於CSS3偽類,雙冒號(::)用於CSS3偽元素。

偽元素由雙冒號和偽元素名稱組成。雙冒號是在當前規範中引入的,用於區分偽類和偽元素。但是偽類相容現存樣式,瀏覽器需要同時支援舊的偽類,比如:first-line、:first-letter、:before、:after等。

對於CSS2之前已有的偽元素,比如:before,單冒號和雙冒號的寫法::before作用是一樣的。

  所以,如果你的網站只需要相容webkit、firefox、opera等瀏覽器,建議對於偽元素採用雙冒號的寫法,如果不得不相容IE瀏覽器,還是用CSS2的單冒號寫法比較安全。

--------------------------------------------------------------------------------------------------------------------------------------

以上的意思為:css2偽類和偽元素都是用單引號,所有的瀏覽器都相容,但是css3偽類為單引號如:hover ,偽元素為雙引號::before;但是雙引號IE8以下不相容