Sass中的三重&符号

Question

三个&号在Sass中做什么？

这里是一个styled-components上下文：

const Grid = styled.div`
  display: grid;
  &&& {
    ${someFunction}
  }
`

在这里的代码中可以看到：https://github.com/reakit/reakit/blob/website%400.16.0/packages/reakit/src/Grid/Grid.ts#L23

Answer 1

docs表示，它将以更高的特异性覆盖任何已经给定的样式，作为使用!important的替代方案。

它会影响生成的css类。