css五大選擇器 偽類(lèi)選擇器和偽元素選擇器的區(qū)別?
偽類(lèi)選擇器和偽元素選擇器的區(qū)別?偽元素和偽類(lèi)之所以如此容易混淆,是因?yàn)樗鼈兙哂邢嗨频男Ч拖嗨频木帉?xiě)方法。實(shí)際上,為了區(qū)分它們,CSS3明確規(guī)定偽類(lèi)用冒號(hào)表示,偽元素用兩個(gè)冒號(hào)表示。偽類(lèi)選擇器,偽類(lèi)和
偽類(lèi)選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類(lèi)之所以如此容易混淆,是因?yàn)樗鼈兙哂邢嗨频男Ч拖嗨频木帉?xiě)方法。實(shí)際上,為了區(qū)分它們,CSS3明確規(guī)定偽類(lèi)用冒號(hào)表示,偽元素用兩個(gè)冒號(hào)表示。
偽類(lèi)選擇器,偽類(lèi)和偽元素的區(qū)別?
Pseudo class應(yīng)該寫(xiě)成:WeiLei Pseudo element應(yīng)該寫(xiě)成:weiyuansu
但是當(dāng)前面的規(guī)范不清楚時(shí),偽元素和偽類(lèi)寫(xiě)為:weiyuansu:WeiLei
為了與過(guò)去的編寫(xiě)兼容
所以偽元素寫(xiě)為引號(hào)偽元素主要包括:e:第一個(gè)字母/e::第一個(gè)字母e:第一行/e::第一行e:之前/e::之前e:之后/e::之后e::占位符e::selection
偽類(lèi)主要包括: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@頁(yè)碼:首頁(yè):左@頁(yè)碼:右
單冒號(hào)和雙冒號(hào)主要用來(lái)區(qū)分偽元素和偽類(lèi)
簡(jiǎn)而言之,偽類(lèi)是針對(duì)CSS的,偽元素是針對(duì)HTML的。偽類(lèi)選擇器是CSS選擇器之一,而偽類(lèi)是一個(gè)“偽”HTML標(biāo)記。偽類(lèi)(selector)本質(zhì)上是為了彌補(bǔ)傳統(tǒng)CSS選擇器的缺點(diǎn),以獲得更多的信息。偽元素本質(zhì)上是創(chuàng)建一個(gè)包含內(nèi)容的虛擬容器。在CSS3中,pseudo類(lèi)和pseudo元素被用來(lái)創(chuàng)建一個(gè)虛擬容器,其中的內(nèi)容語(yǔ)法被進(jìn)一步調(diào)整(一個(gè)冒號(hào)和兩個(gè)冒號(hào));在開(kāi)發(fā)中,可以同時(shí)使用多個(gè)pseudo類(lèi),但只能同時(shí)使用一個(gè)pseudo元素。