Question

我有两个嵌套的div元素。外部有一个clas，嵌套的有一个id。如何使用其父级选择嵌套div？

示例：

<div class="parent-class">
  <div id="body">
  </div>
</div>

所以，我想知道如何使用其父.parent-class？

选择#body

Answer 1

简单：.parent-class div {ruleset here}

Answer 2

简单如下：

.parent-class #body{
    /* styles here */
}

但是，正如在对此答案的评论中所指出的那样：您不一定需要以这种方式使用继承，因为ID在每个页面上应该是唯一的，因此这与第二个目标相同元素：

#body{
    /* styles here */
}

Answer 3

其他同等有效的选项包括：

.parent-class #body {ruleset here}
div.parent-class #body {ruleset here}
.parent-class div#body {ruleset here}
div.parent-class div#body {ruleset here}
.parent-class > div {ruleset here}

坦率地说，可能性正在继续。

Answer 4

使用.parent-class > div {}

OR

由于ID必须是唯一的，因此您只需：#body{}

如何用css中的类选择嵌套在另一个div中的id的div

4 个答案: