css3双冒号

CSS3中提供了一种新的伪元素选择器——双冒号（::），用于向HTML元素的特定部分添加样式。双冒号有些类似于CSS中的单冒号，但是它们用于表示伪元素，如下：

::before{
    content:"";
    display:block;
    width:10px;
    height:10px;
    background-color:#000;
}

::before选取元素的内容前面并在其之前插入生成的内容。在上面代码中，我们使用“content”属性来定义生成的内容，即一个黑色的宽度和高度都是10像素的块。

同样的，双冒号后缀“::after”也可以用于为元素添加内容，不过是在元素内容的最后面添加，如下：

::after{
    content:"...";
}
    

这个伪元素是用来定义和插入内容的，所以需要设置“content”属性为想要插入的内容，此处我们插入三个点表示省略的内容。此外，伪元素的默认内容是空的，如果设置内容为空，它将不会产生任何效果。

在使用双冒号之前，请先检查你的网站是否支持它们，部分旧版浏览器不支持此特性，可以使用单冒号替代。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！