CSS中单冒号和双冒号分别表示什么，如何运用

发布时间：2023-10-14 09:43:23 所属栏目：语言来源：

导读：今天这篇给大家分享的知识是“CSS中单冒号和双冒号分别表示什么，怎样用的”,小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享给大家做个参考，希望这篇“CSS中单冒号和双冒号分别表示

今天这篇给大家分享的知识是“CSS中单冒号和双冒号分别表示什么，怎样用的”,小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享给大家做个参考，希望这篇“CSS中单冒号和双冒号分别表示什么，怎样用的”文章能帮助大家解决问题。

这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。

W3C关于CSS3选择器的规范中有一段描述：

A pseudo-element is made of two colons (::) followed by the name of the pseudo-element. This :: notation is introduced by the current document in order to establish a discrimination between pseudo-classes and pseudo-elements. For compatibility with existing style sheets, user agents must also accept the previous one-colon notation for pseudo-elements introduced in CSS levels 1 and 2 (namely, :first-line, :first-letter, :before and :after). This compatibility does not allowed for the new pseudo-elements introduced in CSS level 3.

简单翻译一下，大意就是，伪元素由双冒号和伪元素名称组成。所谓双冒号是在当前编译规范中不可避免地引入的，主要用于区分相对应的伪类和伪模型的元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。

所以，如果你的网站只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不更新兼容不了的IE浏览器，还是用国际通用的CSS2的单冒号写法比较安全。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!