Question

我有一张bootstrap元素卡，我将该卡体分成3个部分（div）。现在在最后一个div我想要用background -color覆盖该区域。但我无法做到这一点，因为卡体类具有内置的填充功能：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

＆＃13;

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

＆＃13;

看这个

如何覆盖子标记中父标记继承的css属性

1 个答案: