Изменить цвет текста в классе карты bootstrap4

Question

Я хочу изменить шрифт / текст, цвет которого отличается от цвета по умолчанию синий.Я пробовал этот код с другими настройками, но цвет остается синим.класс .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;
}

<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: 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 2

<a data-toggle="collapse"
    style="color:white" 
    data-parent="#faq" 
    aria-expanded="true" 
    href="#A11" aria-controls="XX2">q11</a>

добавьте свой цвет вместо стиля = "color: your color" ..... Я надеюсь, что это решит вашу проблему ... посетите http://www.gladsme.com/forum.php? для получения дополнительной информации