[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")获取的属性只读。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,402评论 1 62
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 伪类: 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的.比如说,当用户...
    葶寳寳阅读 954评论 1 13
  • 如今,若我一个人,我还是会跟以往一样,带着微笑出门,可是别人也不会看见,更多的时候也不会展现给TA人,因为没有人会...
    秋亿花飘落阅读 309评论 0 1
  • 我们在话语中为风雨准备了另一套空间,它比窗外的要便宜干燥些。为了一件小事费尽周折:在血液中提出红,在天空中提取蓝,...
    王独树阅读 246评论 1 2