例子都只取一个，其他的css样式都是类同的
多类选择器例子：
网上看见一个荧光效果，觉得蛮好看就扒过来分析了一下 https://www.jianshu.com/p/c501fee6fb68
荧光效果主要是:before和:after伪元素起的作用，先将其注释起来，看下原本的效果：
可以看见并没有荧光效果。
这个是给2个伪元素添加一个线性渲染的背景
有了上面蒙层的介绍，这个效果就是整体向外拉伸了2px。 z-index: -1 确保在box的黑色背景底下。注释了黑色背景来看下.box:before的效果:
和before一样，就是多了个高斯模糊，注释了黑色背景来看下.box:after的效果:
所以将3层叠加起来就有了荧光和边框效果。
div{background: #fff000
font-size: 30px
border:10px dashed #0000ff
padding:20px
background-image: url("../../image/icon.png")
background-repeat:no-repeat
}
.div2{
margin-top:30px
background-origin: content-box
background-clip: content-box
}
background-clip:规定背景的绘制区域
background-origin:相对于内容框来定位背景图像
background-image：背景图片
background-repeat:背景图片师傅平铺重复
background-size：图片大小，适应独，属性值有cover，百分比，等
