下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

伪类前单冒号与双冒号区别

作者:课课家教育     来源: http://www.kokojia.com点击数:2367发布时间: 2016-10-06 16:14:41

标签: css教程css基础web开发

Web开发

  在小编的一次项目当中中,曾经有一次需要用到:selection伪元素,然后就有开发同学问我,css当中一个冒号以及两个冒号之间究竟有什么区别呢,相信许多同学都会对这个问题有所困惑。

  好像这是许多前端同学都会存在的疑惑,小编证实了两个符号之间的区别,简而言之:单冒号,即:是用于CSS3伪类;而双冒号,即::,是用于CSS3伪元素。

  W3C关于CSS3选择器的规范中的描述:

伪类前单冒号与双冒号区别_css教程_css基础_课课家

  就是说,伪元素由双冒号以及伪元素名称组成。双冒号在当前规范中引入,是用来区分伪类以及伪元素。但伪类兼容现存样式,浏览器要同时支持旧的伪类,例如:first-line、:first-letter、:before以及:after等等。

  那么对于CSS2已有的伪元素,例如:before,单冒号以及双冒号的写法::before作用是相同的。

CSS3:伪类前的冒号和两个冒号区别

  所以,要是网站只要兼容webkit、firefox、opera等浏览器,对于伪元素采用双冒号的写法,要是非要兼容IE浏览器,用CSS2的单冒号写法比较安全。

  总结:单冒号(:)是用于CSS3伪类,而双冒号(::)是用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类。我们课课家教育会给大家介绍更多关于考试认证Web开发的内容,感兴趣的话可以关注一下。

赞(24)
踩(3)
分享到:
华为认证网络工程师 HCIE直播课视频教程