CSS樣式中的 & 是什麼作用？

CSS樣式中的 & 是什麼作用？

寫在前面： 當我在CSS樣式中看到 & ，我是十分懵逼的，不過搜索了一下就覺得不過如此。

貼個CSS代碼進行講解

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

解析：
    & 表示在嵌套層次中回溯一層，即
    &:before相當於.box:before
    &:after相當於.box:after
    :before和:after是CSS中的僞元素，在這裏分別表示爲在使用box類的元素前面和後面插入指定內容

以上解析來自搜狗問問