CSS中的:和::之间的区别

用户名

CSS中的:和::之间到底有什么区别?
例如,我看到如下CSS代码:

.example:before{
   content:'just one';
}

.example2::before{
   content:'here two';
}

有什么区别?什么是最佳做法?

史诗先生

伪类

引入了伪类概念以允许基于位于文档树之外或无法使用其他简单选择器表达的信息进行选择。

伪类始终由“冒号”(:)组成,后跟伪类的名称,并可选地由括号之间的值组成。

参考:http : //www.w3.org/TR/css3-selectors/#pseudo-classes

伪元素

伪元素创建了除文档语言指定的抽象之外的有关文档树的抽象。例如,文档语言不提供访问元素内容的第一字母或第一行的机制。伪元素允许作者引用本来无法访问的信息。伪元素还可以为作者提供一种引用源文档中不存在的内容的方式(例如,:: before和:: after伪元素可以访问生成的内容)。

伪元素由两个冒号(::)组成,后跟伪元素的名称。

参考:http : //www.w3.org/TR/css3-selectors/#pseudo-elements

通常,我们通常只使用一个冒号来表示所有内容,但是现在最好的做法是遵循W3C的准则,尽管我想加一个警告,您要确保所支持的浏览器在开始进行全面更改之前先了解其语法。您的样式表。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章