Sass中的三与号

Fel*_*ger 3 javascript css sass styled-components

Sass中的三个&符是做什么的?

styled-components上下文中:

const Grid = styled.div`
  display: grid;
  &&& {
    ${someFunction}
  }
`
Run Code Online (Sandbox Code Playgroud)

在此处的代码中看到:https : //github.com/reakit/reakit/blob/website%400.16.0/packages/reakit/src/Grid/Grid.ts#L23

Sla*_*cki 5

文件说,这是覆盖任何已经给样式具有较高的特异性,以替代使用!important

它影响生成的css类。

  • 我要补充一点,它会根据使用&符号的次数(在本例中为三)生成选择器,从而给出 3 个类(或标记)的 CSS 特异性。不像重要或 id 那样强大,但对于大多数 CSS 方法来说足够强大。 (2认同)