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类.