CSS样式中的&选择器

在CSS中，&符号通常用于选择器中，表示选择某个元素的子元素或特定状态下的元素。

示例，下面是用SCSS语法表示的一段样式：

a {
    padding: 0 15px;
    color: #cdcdcd;
    line-height: 1;
    display: inline-block;

    i {
        font-size: 14px;
        margin-right: 2px;
    }

    &:hover {
        color: #fff;
    }
}

粘贴到SCSS Playground中，可以看到编译为CSS的结果：