1つのタグに異なるパネルのbackgroundcolorを設定するにはどうすればいいですか？

Question

私のプロジェクトでは、jQueryのUIタグを選択しました。そしてそれらはtabs1とtabs2によって命名されます。

Iは、UI-タブパネル{背景：淡黄色を;}使用できる背景を設定すること、及びTABS1及びTABS2の背景の両方が淡黄色であり、ここでは、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> 

しかし、私はtabs1の背景が明るい黄色で、tabs2は青色です。 私は試しました：

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

作業をする必要があり、それはあなたがやったようにインラインスタイルを設定