javascript - 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 类。