0

<li>すべてが異なる ID と白い背景を持つ順序付けられていないリストがあります。id = me ( <li id="me">) の場合、背景色を白ではなく赤に変更する必要があります。

私のフィドルを見てください：http://jsfiddle.net/mauricederegt/s2dHJ/

私はもう試した：

#overview li, #me {
blabla
}
#me {
    background-color: #FF0000;
}

と

#overview li, #me li {
blabla
}
#me li{
    background-color: #FF0000;
}

など、しかしどれもうまくいきませんでした

これに対する解決策があることを願っています。

敬具、

4

3 に答える 3

3

次のように書きます。

#overview #me {
    background-color: #FF0000;
}

#overview liそれ以上の力だから#me。したがって、overrite については、このように定義する必要があります#overview #me。

これをチェックしてくださいhttp://jsfiddle.net/s2dHJ/2/

于 2012-05-28T09:01:02.077 に答える
1

これを試して：

#me {
    background-color: #FF0000 !important;
}

こちらをご覧ください

の使用はお勧めしませんが、!important目的のスタイルをオーバーライドする他のスタイルがあるようです。すべてのスタイルを修正して、必要な方法で継承するか、示されているように強制します。

于 2012-05-28T09:00:41.207 に答える
0

div コンテナーに ID ではなくクラスを指定します。ID は、CSS のクラスよりもはるかに制限的です。したがって、ID は継承されたクラスのプロパティを上書きします。

<div class="overview">
    <ul>
        <li id="1234">
             This one should have a WHITE bg    
        </li>
        <li id="me">
             This one should have a RED bg    
        </li>
        <li id="567">
            This one should have a WHITE bg    
        </li>
    </ul>
</div>​


.overview {
   padding-top: 30px;
   background-color: #2daebf;
   height: 468px;
   width: 182px;
}
.overview li {
   list-style: none;
   float: left;
   width: 160px;
   padding: 3px;
   background-color: #FFF;
   border-radius: 3px;
   margin: 0 7px 3px 7px;
}
于 2012-05-28T09:02:52.040 に答える