css五大選擇器 偽類選擇器和偽元素選擇器的區(qū)別?
偽類選擇器和偽元素選擇器的區(qū)別?偽元素和偽類之所以如此容易混淆,是因為它們具有相似的效果和相似的編寫方法。實際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號表示,偽元素用兩個冒號表示。偽類選擇器,偽類和
偽類選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類之所以如此容易混淆,是因為它們具有相似的效果和相似的編寫方法。實際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號表示,偽元素用兩個冒號表示。
偽類選擇器,偽類和偽元素的區(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ū)分偽元素和偽類
~][n
請將鼠標指針移動到這些鏈接。
此鏈接更改顏色。
此鏈接更改字體大小。
此鏈接更改背景色。
此鏈接更改字體。
鏈接將加下劃線。
~]“除了結(jié)構(gòu)化偽類之外,CSS3中新的偽類選擇器還包括三個與用戶界面相關(guān)的偽類:enabled、:disabled和:checked,它們通常用于控制窗體控件。:enabled,:Disabled控制窗體控件的禁用狀態(tài)。:選中,選中單選框或復(fù)選框。事實上,有很多相關(guān)的。我主要是從輔導(dǎo)中學(xué)到的。視頻系列的標題是“建立新世界”。第八集是關(guān)于CSS3選擇器的,當你有時間的時候你可以從中學(xué)習(xí)“