css - bool 玛卡内容改变颜色

Question

我遇到了一个小问题。我想更改卡片内容的背景。但没有任何效果。我有这个代码部分:

<div class="card" style="width: 75%!important;">
....
  <div class="card-content">
    <div class="content">
....
    </div>
  </div>
</div>

CSS

.card .content {
  background: rgba(255, 255, 255, 0.5)!important;
}

Answer 1

如果您在 bulma 元素中使用 sass，您可以更改变量 $card-color 和 $card-background-color。 https://bulma.io/documentation/components/card/

或

您可以向card 类添加新样式并设置background-color 属性。

.card {
    background-color: green;
}