选择嵌套元素

Question

我有一个类分配给div中的第一个div，类为“level”。工作良好。

如果父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/