Changer la couleur du texte dans la classe de carte bootstrap4

Question

Je veux changer la police/le texte d'une couleur différente du bleu par défaut. J'ai essayé ce code avec différents paramètres mais la couleur reste bleue. La classe .text-white ne fonctionne pas, la couleur de la police ne fonctionne pas non plus. La couleur d'arrière-plan fonctionne mais pas sur le texte Merci de m'aider. Merci.

<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

Vous allez vouloir augmenter la spécificité lorsque vous remplacez les css de bootstrap. Exemple :

.card-header a {
  color: yellow;
}

Démonstration :

.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>

ajoutez votre couleur à la place de style="color:your color" .....J'espère que cela résoudra votre problème... visitez http://www.gladsme.com/forum.php ? pour plus d'informations