最近發(fā)現(xiàn)偽元素的應(yīng)用無處不在嚼黔,較為普遍的是就是使用
::after{content:"."; display:block; height:0; clear:both; }
清除浮動笙瑟,因為這樣不僅方便且不會影響到DOM樹結(jié)構(gòu)抄瓦,是的疏之,偽元素的"偽"果然不假。
我也思量過為什么會有偽元素的出現(xiàn)柴梆,直到看見一位知友的回答才恍然大悟胀瞪。
CSS 是用來表現(xiàn)的,HTML 一切非正文的脚祟、裝飾性的東西理論上都是要用 CSS 來實現(xiàn)的谬以。如背景圖片,比如小圖標(biāo)等由桌。
而輔助性的文字为黎,比如:XXXXXX[new] 我們可以認(rèn)為 [new] 是輔助性的裝飾性的內(nèi)容,它不應(yīng)該寫進 HTML 而影響真正的內(nèi)容行您。
偽類選擇符
偽元素(對象)選擇符
差別
在表示上
CSS3之前偽元素和偽類都是以單冒號[select]:con;
引用铭乾,不過CSS3中已經(jīng)規(guī)定了偽類使用單冒號,而偽元素則使用雙冒號引用(不過也是識別單冒號的娃循,雖是如此炕檩,還是建議以標(biāo)準(zhǔn)的寫法引用)。在定義上
CSS偽類用于向某些選擇器添加特殊的效果捌斧。
CSS偽元素用于將某些特殊樣式結(jié)構(gòu)添加到選擇器笛质。
獲取偽元素的屬性值:getComputedStyle(dom,"::after")
,[getComputedStyle(dom,"::after")獲取的屬性只讀。