一、::before 和:before的區(qū)別
在CSS中,::before
和:before
是偽元素選擇器,用于在目標(biāo)元素的前面插入內(nèi)容。兩者的區(qū)別在于使用的單冒號(hào)(:
)和雙冒號(hào)(::
)。
在早期的CSS規(guī)范中,偽元素選擇器使用單冒號(hào)(:
)來表示,例如:before
和:after
。這樣做是為了避免與偽類選擇器混淆。偽類選擇器用于在元素的狀態(tài)上進(jìn)行樣式設(shè)置,例如:hover、:active和:focus等。
然而,隨著CSS的發(fā)展,出現(xiàn)了新的偽元素選擇器,如::selection
和::backdrop
。為了與這些新的偽元素選擇器區(qū)分,CSS3規(guī)范更新了語法,要求使用雙冒號(hào)(::
)來表示偽元素選擇器。
::before
和:before
在語法上是等價(jià)的,兩者都可以用于創(chuàng)建元素的內(nèi)容。但是在CSS3規(guī)范中,建議使用::before
,以避免與偽類選擇器混淆,并且更符合規(guī)范。