これは簡単なことかもしれませんが、理解できません。bootstrapカードヘッダーの背景色を変更しようとしていますが、_background-color: #00AA9E
_どういうわけかヘッダーの外観を破壊しているようです..?これまでに誰かがこれを見たことがありますか?カードがネストされているという事実と関係がありますか?ブートストラップのバグですか?
数年後のことはわかっていますが、受け入れられた回答はこれを行うための迂回的な方法であり、より簡単な方法があるため、回答を追加すると思いました。申請中 !important
cssクラスの設定に変更すると、同じ要素の別のcssクラスに設定されているすべての設定が上書きされます。これが誰かを助けることを願っています。
.ph-card-header { color: white !important; background-color: navy !important; }