如何在 SASS 中使用通配符星号 CSS 选择器？

Question

如何在使用 SASS 时使用“*”CSS 通配符选择器？例如，我将如何制作以下 CSS 代码 SASSy?

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

编辑：

感谢您到目前为止的回答，但让我澄清一下。我意识到代码示例有很多不同的观点。代码示例不是问题。问题仍然存在，我如何使用 * 选择器？ SASS 解析器在遇到 * 时会抛出一个语法错误，并说它遇到了 *，但需要一个选择器。我在 Mac OSX 10.9.5.

上使用 Sass 3.4.19（Selective Steve）

编辑 2：

我找到了解决办法。该错误是由于文件中缺少 ; 引起的，该文件包含在 * 代码块之前的行中。这就是处理别人代码的生活。我将把答案授予@torazaburo，因为他是唯一真正解决了这个问题并让我重新思考其他可能性的人。

Answer 1

*
　...
  &:before, &:after
    ...

&代表当前选择器。例如foo { .bar { } } 是 foo .bar； foo { &.bar { } } 匹配 foo.bar.

Answer 2

SASS 这里几乎没有什么可以帮助您的。您不需要供应商前缀。随便写

*, ::before, ::after {
  box-sizing: border-box;
}

* {
  line-height: 1;
}

写*::before还是::before看个人喜好了

我必须使用-SASS 的心态就是说我必须写

*::before

规则为

* { 
  &::before

因为我必须使用嵌套，无论如何，只因为我可以。其实并不是。您的 CSS 通常更干净，嵌套更少（或为零）。（通常完全没有 SASS 会更清楚，但这是另一天的话题。）

How do I use a * CSS wildcard selector when using SASS?

*到SASS没有什么特别的。这只是另一个选择器。您可以像使用任何其他选择器一样使用它。

如何在 SASS 中使用通配符星号 CSS 选择器？

How do I use a wildcard asterisk CSS selector in SASS?

css

wildcard

sass

css-selectors

编辑：

编辑 2：