样式引导卡头不起作用

Question

Rails 5.2
Bootstrap

我有以下风格：

.app-card-header {
  .card-header:first-child {
    background-color: white;
    text-align: right;
    font-size: 16px;
    font-color: green;
  }
}

我试图将其应用于此视图：

.app-card-header
  .card
    .card-header
      = 'This is a test header'
    .card-text
      = 'This is test text'

但是，我没有得到预期的结果。

表头背景色为白色，表头文字对齐正确，但字体颜色为黑色，大小看起来12左右。

我尝试了不同的字体大小和颜色都无济于事，但它没有改变。为什么样式的某些部分会起作用，而其他部分则不起作用？有什么想法吗？

Answer 1

你应该只使用color 而不是font-color：

color: green;

如果这仍然对您不起作用，那么您的元素可能会被其他规则覆盖。您可以简单地尝试添加重要规则：

font-size: 16px !important;
color: green;