子タグの親タグに継承されたCSSプロパティを上書きする方法

Question

私はブートストラップ要素カードを持っており、そのカード本体を3つの部分（divs）に分割しました。最後のdivで、私はその領域を背景色で覆いたい。しかし、私はそれを行うことができないため、カードボディのクラスの埋め込み機能を内蔵しています：1.25rem; コードは以下の通りです。

<div class="card col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> 
     <div class="card-body col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="display:flex"> 
     <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xl-8" style="color:#f93d3d;"><h5>This is some text within a card body.</h5> </div> 
     <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2">&euro;7890 </div> 
     <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2" style="background-color:#3c3c3c"></div> 

     </div> 

    </div> 

Answer 1

<div class="card col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> 
 
     <div class="card-body col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="display:flex"> 
 
     <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xl-8" style="color:#f93d3d;"><h5>This is some text within a card body.</h5> </div> 
 
     <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2">&euro;7890 </div> 
 
     <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2" style="background-color:#3c3c3c;color:#fff;">test</div> 
 

 
     </div> 
 

 
    </div>

見て、この