美文网首页前端小站
css伪类和伪元素(单冒号:和双冒号::的使用)

css伪类和伪元素(单冒号:和双冒号::的使用)

作者: xiaoxiaoxiao8 | 来源:发表于2018-02-05 16:43 被阅读55次

在CSS2之前规范不明确的时候,伪元素和伪类都使用单冒号(:)来表示。

比如 :before :after :hover

而CSS3规范中的要求使用双冒号(::)表示伪元素,以此来区分伪元素和伪类。

上面的例子用CSS3的规范就应该写成 ::before ::after :hover

为了兼容过去的写法,CSS3之前的伪元素仍然可以使用单冒号(:)来表示,浏览器是可以解析的。

比如 :before 和 ::before 都可以被浏览器解析。

但是CSS3之后出现的伪元素必须用双冒号表示,不再支持单冒号的形式。

  • 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性;

  • 伪元素表示DOM外部的某种文档结构。

目前所有伪元素有(加粗的是CSS3之后出现):

  • ::after

  • ::before

  • ::first-letter

  • ::first-line

  • ::selection

  • ::backdrop

  • ::placeholder

  • ::marker

  • ::spelling-error

  • ::grammar-error

相关文章

  • 伪类和伪元素初探

    Css3为了区分伪类和伪元素,伪类使用单冒号:,伪元素使用双冒号:: 常见伪类有 :hover,:link,:ac...

  • ::before 和 :after中双冒号和单冒号 有什么区别?

    单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。(伪元素由双冒号和伪元素名称组成);:before...

  • 认识css3伪元素

    css3伪元素 css2的规定为单冒号表示,而css3已经明确表示伪类使用单冒号,伪元素使用双冒号,本次所有测试双...

  • 伪元素和伪类问题

    1.单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。2.css2伪类和伪元素都是用单引号,所有的浏...

  • CSS基础

    伪类和伪元素的区别 伪类表示状态 伪元素是真的有元素 前者单冒号,后者双冒号 图标 将svg图片转化为图标字体文件...

  • css3 选择器:伪元素(四)

    :: 双冒号与 : 单冒号其实是一样的,使用双冒号是 css3 为了区分伪元素与其他伪类选择器而修改的,最终都会被...

  • ::before和::after伪元素的用法

    css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:tar...

  • CSS3 ::before 和 :after中双冒号和单冒号 有

    单冒号(:)用于css3的伪类 双冒号(::)用于css3的伪元素 想让插入的内容出现在其它内容前,使用::bef...

  • CSS 伪类和伪元素

    伪类:单冒号,基于元素的当前状态进行设置; 伪元素:双冒号,设置指定元素样式; 伪类 基于元素的当前状态进行设置。...

  • css伪类和伪元素(单冒号:和双冒号::的使用)

    在CSS2之前规范不明确的时候,伪元素和伪类都使用单冒号(:)来表示。 比如 :before :after :ho...

网友评论

    本文标题:css伪类和伪元素(单冒号:和双冒号::的使用)

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