css - 用scss知道类是否存在

Question

简短描述:

我正在将 scss 与指南针一起使用，我需要知道该类是否存在。

详细说明:

我想做的是为 margin 创建一个混合。我们可以传递所有维度所需的边距，如果将检查剂量是否存在该维度的任何类，如果是，则它将扩展，否则将应用该维度。例如:

我已经有了 .mr5 类

 .mr5 { margin-right: 5px; }

现在如果正确维度的 mixin 中传递的值是 5，那么我想检查是否首先像

if ( exist .mr5 ) { @extend .mr5; } else { right: $dimension; }

Answer 1

我认为不可能检查某个类是否存在。我找到了 this issue on the Sass github page ，它要求类似的东西，但以以下注释关闭，您可以为此使用 !optional 标志:

The !optional flag is provided for handling classes and placeholders that may not exist.

例如:

.<your_class> {
  .mr5 { margin-right: 5px; }
  }
  <your_selector> {
    @extend .mr5 !optional;
  }
}

另见 SASS reference on this flag了解更多信息。