css - 如果 a 无法更改背景颜色有一个特定的 id

Question

我有一个无序列表，其中每个<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;
}

等，但没有一个工作

希望有一个解决方案。

亲切的问候，

Answer 1

像这样写：

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

因为权力#overview li多了呢#me。所以对于覆盖我们必须像这样定义#overview #me。

检查这个http://jsfiddle.net/s2dHJ/2/

Answer 2

试试这个：

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

看这里

尽管我不建议使用 ，但!important您似乎有其他样式覆盖了您想要的样式。要么修复所有样式，以便它们继承您希望它们的方式，要么如图所示强制它。

Answer 3

给 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;
}