css - 选择嵌套元素

Question

我有一个类分配给具有“级别”类的 div 中的第一个 div。工作正常。

如果父 div 有一个 id="selected"，我需要交换样式。很难选择它...

.level:first-child div:nth-child(1) {
    background-position: 0px -368px;
}
.level:first-child div:nth-child(1) #selected {
    background-position: 0px -429px;
    background-color:red
}

<div class="level" id="selected">
    <div></div>
    <div></div>
</div>

Answer 1

把id前面

#selected.level:first-child div:nth-child(1)  {
    background-position: 0px -429px;
    background-color:red
}

Answer 2

试试这个：

.level:first-child div:nth-child(1) {
    background-position: 0px -368px;
}
.level:first-child#selected div:nth-child(1) {
    background-position: 0px -429px;
    background-color:red
}​

示例：http: //jsfiddle.net/HARWp/1/