하위 태그의 상위 태그가 상속하는 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>

보기 마지막 사업부가 비어있는이