Question

我在项目中选择了jQuery ui标签。它们由tabs1和tabs2命名。

我可以使用ui-tabs-panel {background：lightyellow;}来设置背景，tabs1和tabs2的背景都是lightyellow;这是css代码：

<style>
.ui-tabs .ui-tabs-panel{background: lightyellow;}
</style>

这是html代码：

<div id="tabs" class="div2">
 <ul>
 <li><a href="#tabs1" style="font-size:10px"></a></li>
 <li><a href="#tabs2" style="font-size:10px"></a></li>
 </ul>
  <div id="tabs1" style="height:60%" >
    sdf
  </div>
  <div id="tabs2" style="height:60%">
    Morbi 
  </div>
</div>

但是我想要tab1的背景是淡黄色，而tab2是蓝色的。我试过了：

<div id="tabs1" style="height:60%;background:lightyellow;">
sdf
</div>
<div id="tabs2" style="height:60%;background:blue;">
Morbi
</div>

但它失败了。

我不知道如何设置CSS，谁可以帮助我？

Answer 1

使用!important

<style>
  .ui-tabs .ui-tabs-panel{background: lightyellow;!important}
</style>

Answer 2

要推翻你的背景，你可以使用：

<div id="tabs1" style="height:60%;background:lightyellow !important;">

希望有所帮助

如何在一个标签中设置不同面板的backgroundcolor？

2 个答案: