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

Question

我在.sass文件中将占位符选择器定义为：

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

然后我使用了extend：

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

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

我正在使用Sass版本3.2.5。 请帮忙。

Answer 1

将这些声明添加到自己的文件中对我来说很合适。也许你可以重新发布更多关于它的内容？

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

Answer 2

试试这个：

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

Answer 3

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

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

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

Answer 4

试试这个：

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

列出的选择器（类，id，占位符）之间不应该有回车/没有新行

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

@extend .bold