父元素给定背景，子元素添加内容时背景改变了，怎嘛解决？

<div class="mui-scroll agree-main">

//用agree-main加了背景色

　　<div class="mui-content" style="background-color: transparent!important;">

　　//用style="background-color: transparent!important;"可以解决问题

　　　　<div class="mui-content-padded" style="margin:0px !important;"><!--内容页主体部分start-->

　　　　　　<h1>hahahahah</h1>

 

　　　　</div><!--内容页主体部分end-->
　　</div>
</div>