[css]伪元素与伪类选择符

最近发现伪元素的应用无处不在，较为普遍的是就是使用
：：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")获取的属性只读。