CSS样式中的 & 是什么作用？

CSS样式中的 & 是什么作用？

写在前面： 当我在CSS样式中看到 & ，我是十分懵逼的，不过搜索了一下就觉得不过如此。

贴个CSS代码进行讲解

.box{
		&:before{
			border-color: red;
		}
		&:after{
			border-color: green;
		}
	}

解析：
    & 表示在嵌套层次中回溯一层，即
    &:before相当于.box:before
    &:after相当于.box:after
    :before和:after是CSS中的伪元素，在这里分别表示为在使用box类的元素前面和后面插入指定内容

以上解析来自搜狗问问