Ruby on Rails资产管道似乎正在添加不存在的样式

Question

我对此深感困惑。 我的SCSS文件显示如下：

.segmented-control {
  li .field_with_errors label {
      border-color: #db5757;
  }
}

但是，当我加载页面并检查CSS时，它显示如下：

/* line 1382, /general.scss */
.segmented-control li .field_with_errors label,
.form-item-segmented-control li .field_with_errors label {
  border-color: #db5757;
}

行号1382恰好指向我显示的第一个代码段。 但是在编译版本中，它包括一个额外的选择器，该选择器包括.form-item-segmented-control 。

我确实在CSS的其他位置使用了.form-item-segmented-control ，但此处未使用。 而且它绝对不是嵌套的或类似的东西。

我完全陷入了困境。 关于Rails可能会做什么的任何想法？ 甚至关于如何进一步调试的想法？

Answer 1

好吧，经过更多调试后，我相信我已经解决了。 看来这是由于我早先在文件中使用了@extend所致。 我以前没有意识到@extend所有作用。

看起来好像我在做类似的事情：

.form-item-segmented-control {
    @extend .segmented-control;
}

永远不会在文件中，然后将.form-item-segmented-control选择器添加到所有出现的.segmented-control 。 但是，需要注意的一个重要细微差别是，对于其他SCSS部分中的.segmented-control ，它不会做同样的事情。 @extend仅影响使用它的文件。