使用占位符时出现 sass 语法错误答案

【问题标题】：sass syntax error when using placeholder使用占位符时出现 sass 语法错误
【发布时间】：2013-02-05 19:02:12
【问题描述】：

我在 .sass 文件中定义了一个占位符选择器：

。大胆的，％大胆的字体粗细：粗体字体粗细：500

然后我使用了扩展：

.pane-share-of-day @extend %粗体

生成 css 时，我收到以下错误消息：语法错误：“.bold”之后的 CSS 无效：预期的选择器是“%bold”

我使用的是 Sass 版本 3.2.5。请帮忙。

【问题讨论】：

标签： sass

【解决方案1】：

将这些声明添加到它们自己的文件中对我来说效果很好。也许您可以转发更多关于它的内容？

不过，更重要的是这个声明的冗余。引入了% placeholder selector，因此您可以拥有一个从未真正获得输出的基类。在这里，您将这样的类定义为与另一个显式输出类相同。换句话说，如果你已经需要.bold，你实际上不需要添加%bold。

【讨论】：

很多时候你可能希望在同一个声明中同时拥有一个占位符和另一个选择器。可能还有其他适用于 .bold 类的东西，不应该适用于文件中其他地方声明的 %bold（特别是如果 .bold 具有嵌套选择器）。

【解决方案2】：

试试这个：

.bold, bold
  font-weight: bold
  font-weight: 500

【讨论】：

【解决方案3】：

.bold, %bold
  font-weight: bold
  font-weight: 500

.pane-share-of-day
  @extend %bold

您不能在 .sass 语法中将同一块的两个选择器放在不同的行上。

【讨论】：

【解决方案4】：

试试这个：

.bold, %bold
    font-weight: bold
    font-weight: 500

列出的选择器（类、ID、占位符）之间不应有回车/换行

顺便说一句。你不需要使用占位符选择器来使用@extend。你可以这样做：

@extend .bold

【讨论】：