一,问题。第一行有背景但是不能将第一行的背景完全的改变颜色。
二,解决办法。
.colorBG>>>.oneCol{
background-color: #D8E9FC !important;
}
<div id="rowTable">
<div class="tabHead">
<div class="">
<div class="oneRow flex-wrap colorBG">
<div class="oneCol flex-con">指标</div>
<div class="oneCol flex-con">汇总</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">汇总</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">汇总</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">汇总</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">汇总</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
<div class="oneCol flex-con">04/07</div>
<div class="oneCol flex-con">04/06</div>
</div>
</div>
</div>
<div class="oneRow flex-wrap">
<div class="oneCol flex-con">打开app用户(人)</div>
<div class="oneCol flex-con">367</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
</div>
<div class="oneRow flex-wrap">
<div class="oneCol flex-con">签到用户(人)</div>
<div class="oneCol flex-con">367</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
</div>
<div class="oneRow flex-wrap">
<div class="oneCol flex-con">签到率(人)</div>
<div class="oneCol flex-con">367</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
<div class="oneCol flex-con">45</div>
</div>
</div>
</div>