美文网首页
[css]伪元素与伪类选择符

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

作者: 歇歇 | 来源:发表于2015-09-02 11:36 被阅读94次

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

相关文章

  • Web前端-CSS必备知识点

    Web前端-CSS必备知识点 css基本内容,类选择符,id选择符,伪类,伪元素,结构,继承,特殊性,层叠,元素分...

  • CSS选择器

    CSS选择符(选择器) 定义了影响文档中的哪些部分 分类: 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象...

  • part2: CSS基础-练习

    CSS全称: cascading style sheets 谈谈css伪类与伪元素 这是我见过最全的伪类和伪元素总...

  • css伪元素

    css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结, 意在总结连贯...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

  • 伪元素与伪类的区别

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • css伪类及伪元素

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • CSS Selectors 选择器(选择符)

    选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类: css引入伪类和伪元素概念是为了格式化文...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类:css引入伪类和伪元素概念是为了格式化文档...

网友评论

      本文标题:[css]伪元素与伪类选择符

      本文链接:https://www.haomeiwen.com/subject/vhjlcttx.html