CSS 伪元素选择器

CSS样式表里包含两个冒号的写法称为伪元素选择器。

选择器::伪元素名称{
  样式设置
}

before与after，严格来说，属于伪元素。

CSS3规范：伪元素需要加两个冒号。

CSS2规范：伪元素只需要一个冒号。

当前的浏览器两种形式都兼容。

建议

伪元素的写法，大家延用老习惯经常写一个冒号；建议尽量用两个冒号的写法。

是否伪类都是伪元素

不是。前面介绍的链接伪类、集合伪类，都只是伪类，不存在两个冒号的写法。

示例

        /* 加灰色圆圈 */
         .class1::before{
            content: '';
            width:10px;
            height: 10px;
            background-color: #ccc;
            display: inline-block;
            margin-right: 10px;
            border-radius: 10px;
        }

效果相同。