更改 bootstrap4 卡片类中文本的颜色

Question

我想将字体/文本更改为与默认蓝色不同的颜色。我用不同的设置尝试了这段代码，但颜色保持蓝色。class .text-white 不起作用，字体颜色也不起作用。背景颜色有效，但不适用于文本请帮助。谢谢。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<div class="container-fluid">
  <div class="row">
    <div class="col">
      <div id="faq" role="tablist" aria-multiselectable="true">
        <div class="card">
          <div class="card-header text-white" rode="tab" id="XX1" style="background-color:PINK; color: white; font color: yellow !important">
            <h4 ass="card-title  text-white">
              <a data-toggle="collapse" data-parent="#faq" aria-expanded="true" href="#A11" aria-controls="XX2">
                                   change my text color
                   </a>
            </h4>
          </div>
          <div id="A11" class="collapse show" role="tabcard" aria-labelledby="questionOne">
            <div class="card-body">
              answer 11
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

Answer 1

在覆盖引导程序 css 时，您将希望增加特异性。例子：

.card-header a {
  color: yellow;
}

演示：

.card-header a {
  color: yellow;
}

.card-header a {
  color: yellow;
}