Triple ampersand in Sass

Question

What does three ampersands do in Sass?

Here in a styled-components context:

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

Seen in code here: https://github.com/reakit/reakit/blob/website%400.16.0/packages/reakit/src/Grid/Grid.ts#L23

Answer 1

The docs say it is to override any already given styles with a higher specificity, as an alternative to using !important.

It affects the generated css classes.