时间戳

首页 > 解决方案 > 样式引导卡头不起作用

css - 样式引导卡头不起作用

问题描述

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左右。

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

标签： cssruby-on-railstwitter-bootstrap

解决方案

你应该只使用color但不应该font-color：

color: green;

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

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

推荐阅读