CSS样式中的 & 是什么作用？
写在前面： 当我在CSS样式中看到 & ，我是十分懵逼的，不过搜索了一下就觉得不过如此。
贴个CSS代码进行讲解
.box{
&:before{
border-color: red;
}
&:after{
border-color: green;
}
}
12345678
解析：
& 表示在嵌套层次中回溯一层，即
&:before相当于.box:before
&:after相当于.box:after
:before和:after是CSS中的伪元素，在这里分别表示为在使用box类的元素前面和后面插入指定内容
今天无意中发现了font属性是可以连写的，实在惭愧，也怪我CSS写得太少了，看到之后就去CSS小册查阅了一下，并作出相关实践。
以下面这行代码的font样式为例
如何写字体的font属性
1 p{ font-size: 24px; font-weight: bold; font-family:"宋体"; } 1 2 3 4 5 p{ font: bold 24px "宋体"; } 1 2 3 Tips： 上面两种写法的效果是一样的，但是连写就很方便。下面是连写规范，顺序不能乱，可以省略属性，但是至少要有font-size(字体大小)和font-family(字体名称)属性！！！
