css3 - css中偽類(lèi)選擇器跟偽對(duì)象選擇器區(qū)別是啥
問(wèn)題描述
我試過(guò)例如:p::first-letter 跟 p:first-letter 設(shè)置一段文字一個(gè)字的字體;兩種方法 效果一模一樣啊~!那么偽類(lèi)選擇器跟偽對(duì)象選擇器區(qū)別是啥???
問(wèn)題解答
回答1:偽類(lèi) 按現(xiàn)在的規(guī)范應(yīng)當(dāng)書(shū)寫(xiě)成 :weilei偽元素 按現(xiàn)在的規(guī)范 應(yīng)當(dāng)書(shū)寫(xiě)成 ::weiyuansu
但是 以前規(guī)范不明確的時(shí)候 偽元素 和 偽類(lèi) 都是寫(xiě)成 :weiyuansu :weilei為了兼容過(guò)去的寫(xiě)法所以 你的偽元素 寫(xiě)成一個(gè)引號(hào)的形式 也是可以被解析的
偽元素主要有:E:first-letter/E::first-letter E:first-line/E::first-line E:before/E::before E:after/E::after E::placeholder 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:disabled E:target @page:first @page:left @page:right
單冒號(hào) 雙冒號(hào) 主要是為了區(qū)別 偽元素還是偽類(lèi)
兩者的區(qū)別 引子 大漠 圖解css3 p69
偽類(lèi)一般反映無(wú)法在CSS中輕松或者可靠檢測(cè)到的某個(gè)元素的狀態(tài)或者屬性; 偽元素表示DOM外部的某種文檔結(jié)構(gòu)
相關(guān)文章:
1. css - 對(duì)于類(lèi)選擇器使用的問(wèn)題2. angular.js - angular ng-class里面的引號(hào)問(wèn)題3. python - 為什么在main()函數(shù)里result 會(huì)變成那樣?4. javascript - Web微信聊天輸入框解決方案5. docker - 如何修改運(yùn)行中容器的配置6. javascript - 有沒(méi)有什么好的圖片懶加載的插件,需要包含監(jiān)聽(tīng)頁(yè)面滾動(dòng)高度,然后再加載的功能7. 網(wǎng)頁(yè)爬蟲(chóng) - 用Python3的requests庫(kù)模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?8. mysql無(wú)法添加外鍵9. javascript - es6將類(lèi)數(shù)組轉(zhuǎn)化成數(shù)組的問(wèn)題10. html - vue項(xiàng)目中用到了elementUI問(wèn)題
