使用sass更改引导面板颜色

Question

我很擅长使用twitter bootstrap和sass。我试图使用rails应用程序中的.sass文件修改bootstrap中panel-header的背景颜色。

根据inspect元素，这是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`
}