css3偽元素有哪些 偽類選擇器和偽元素選擇器的區(qū)別?
偽類選擇器和偽元素選擇器的區(qū)別?偽元素和偽類之所以如此容易混淆,是因為它們具有相似的效果和相似的編寫方法。實際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號表示,偽元素用兩個冒號表示。css偽元素和偽類
偽類選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類之所以如此容易混淆,是因為它們具有相似的效果和相似的編寫方法。實際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號表示,偽元素用兩個冒號表示。
css偽元素和偽類的區(qū)別?
簡而言之,偽類是針對CSS的,而偽元素是針對HTML的。偽類選擇器是CSS選擇器之一,而偽類是一個“偽”HTML標記。偽類(selector)本質(zhì)上是為了彌補傳統(tǒng)CSS選擇器的缺點,以獲得更多的信息。偽元素本質(zhì)上是創(chuàng)建一個包含內(nèi)容的虛擬容器。在CSS3中,pseudo類和pseudo元素被用來創(chuàng)建一個虛擬容器,其中的內(nèi)容語法被進一步調(diào)整(一個冒號和兩個冒號);在開發(fā)中,可以同時使用多個pseudo類,但只能同時使用一個pseudo元素。
偽類選擇器,偽類和偽元素的區(qū)別?
Pseudo class應(yīng)該寫成:WeiLei Pseudo element應(yīng)該寫成:weiyuansu
但是當前面的規(guī)范不清楚時,偽元素和偽類寫為:weiyuansu:WeiLei
為了與過去的編寫兼容
所以偽元素寫為引號偽元素主要包括:e:第一個字母/e::第一個字母e:第一行/e::第一行e:之前/e::之前e:之后/e::之后e::占位符e::selection
偽類主要包括:e:link e:visited e:hover e:active e:focus e:lang(FR)e:not(s)e:root e:first child e:last child e:only child e:nth child(n)e:nth last child(n)e:first of type e:last of type e:only of type e:nth of type(n)e:nth last of type(n)e:empty e:checked e:enabled e:target@頁碼:首頁:左@頁碼:右
單冒號雙冒號主要是區(qū)分偽元素或偽類
謝謝您的邀請。
CSS3向前兼容;
現(xiàn)在主流手機瀏覽器支持CSS3新屬性樣式
CSS3新屬性:如動畫、過渡、邊界半徑、動畫、動畫、旋轉(zhuǎn)等。
主要區(qū)別在于CSS3比CSS有更多的樣式設(shè)置;
CSS3可以與HTML5結(jié)合以創(chuàng)建更酷的效果;
較低版本的windows IE8不支持CSS3,但CSS支持它;
因此,在采用CSS3的新功能時,我們需要考慮目標用戶瀏覽器的兼容性非常感謝。
(結(jié)束)