css - 使用 sass 更改 Bootstrap 面板颜色

Question

我对使用 twitter bootstrap 和 sass 还很陌生。我正在尝试使用 rails 应用程序中的 .sass 文件修改 Bootstrap 中面板标题的背景颜色。

这是根据 inspect element 的 bootstrap css:

.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;

这是我在 sass 文件中尝试更改颜色的方法

.panel-default
  .panel-heading
    background-color: #fdf1d8

我想知道问题是否与 bootstrap css 中使用的选择器有关？我不知道这如何转化为缩进的 sass。建议？

Answer 1

你正在做的事情会吐出以下内容:

.panel-default .panel heading { 
  background-color: #fdf1d8; 
}

> 非常具体，因此您也应该使用它:

.panel-default > .panel-heading {
  background-color: #fdf1d8`
}