最近发现伪元素的应用无处不在,较为普遍的是就是使用
::after{content:"."; display:block; height:0; clear:both; }
清除浮动,因为这样不仅方便且不会影响到DOM树结构,是的,伪元素的"伪"果然不假。
我也思量过为什么会有伪元素的出现,直到看见一位知友的回答才恍然大悟。
CSS 是用来表现的,HTML 一切非正文的、装饰性的东西理论上都是要用 CSS 来实现的。如背景图片,比如小图标等。
而辅助性的文字,比如:XXXXXX[new] 我们可以认为 [new] 是辅助性的装饰性的内容,它不应该写进 HTML 而影响真正的内容。
伪类选择符
伪元素(对象)选择符
差别
在表示上
CSS3之前伪元素和伪类都是以单冒号[select]:con;
引用,不过CSS3中已经规定了伪类使用单冒号,而伪元素则使用双冒号引用(不过也是识别单冒号的,虽是如此,还是建议以标准的写法引用)。在定义上
CSS伪类用于向某些选择器添加特殊的效果。
CSS伪元素用于将某些特殊样式结构添加到选择器。
获取伪元素的属性值:getComputedStyle(dom,"::after")
,[getComputedStyle(dom,"::after")获取的属性只读。