sass/scss中的父选择器标识符&

在sass/scss使用嵌套规则时,可以使用 & 符号来表示父选择器,也就是上一级选择器。

例如scss文件内容如下:

button {
    font-size: large;

    &::after {
        content: '********************************';
        display: block;
    }
}

编译为css文件以后的内容如下:

button {
  font-size: large;
}

button::after {
  content: '********************************';
  display: block;
}

你可能感兴趣的:(sass,scss,css)