CSS3中提供了一種新的偽元素選擇器——雙冒號(::),用于向HTML元素的特定部分添加樣式。雙冒號有些類似于CSS中的單冒號,但是它們用于表示偽元素,如下:
::before{ content:""; display:block; width:10px; height:10px; background-color:#000; }
::before選取元素的內容前面并在其之前插入生成的內容。在上面代碼中,我們使用“content”屬性來定義生成的內容,即一個黑色的寬度和高度都是10像素的塊。
同樣的,雙冒號后綴“::after”也可以用于為元素添加內容,不過是在元素內容的最后面添加,如下:
::after{ content:"..."; }
這個偽元素是用來定義和插入內容的,所以需要設置“content”屬性為想要插入的內容,此處我們插入三個點表示省略的內容。此外,偽元素的默認內容是空的,如果設置內容為空,它將不會產生任何效果。
在使用雙冒號之前,請先檢查你的網站是否支持它們,部分舊版瀏覽器不支持此特性,可以使用單冒號替代。
下一篇css3動畫起伏