伪类元素

伪类元素，与普通的标签元素类似，但是并不是直接写在body之中，而是依托于选择器添加，并且这些元素有特殊的特性

1. before

.box1::before{
    content: '内容';
}

**注释: **content必不可少, css里面统统用单引号

2. after

.box1::after{
    display: block;
    content: '内容';
    background: green;
    height: 40px;
}

注释: 伪类元素默认是行级元素, 如果想要添加宽高, 就需要转型