如何在另一个<div>标签中选择<div>标签？</div> </div>

Question

我有以下内容：

<div id="view">
    <div id="navbar">
        Placeholder Text
    </div>

</div>

我想在'navbar'中设置文本样式。但是，在样式表中名为“navbar”的文档中还有另一个div？

我认为它是这样的：

#view#navbar {
font-style: normal;
...etc
}

但那没用。

思想？

Answer 1

在两者之间加一个空格：

#view #navbar {

如果同时指定两个没有空格的属性，则选择具有两个属性的元素 - 这对于ID是不可能的，但对于一个类来说是可能的：

<div id="view" class="topmost">

div#view.topmost <-- Will address that element

Answer 2

首先，如果文档中还有另一个#navbar，它应该是一个类而不是一个id，你不应该有两个具有相同名称的ID。

所以它会是：

<div id="view">
    <div class="navbar">
        Placeholder Text
    </div>

</div>

然后，为了造型，你会这样做：

#view .navbar {
font-style: normal;
...etc
}

Answer 3

#view #navbar {
    font-style: normal;
    ...etc
}

这就是你想要的。这同样适用于课程。您可以阅读有关CSS选择器here的所有信息。

Answer 4

因为它是一个id，所以它必须是文档的唯一。因此，您可以单独引用它：

#navbar {
  font-style: normal;
  ...etc
}

Answer 5

ID是唯一的，因此您可以这样做：

#navbar {
  ...
}

但是，最好用类来避免碰撞：

<div class="view">
    <div class="navbar">
        Placeholder Text
    </div>
</div>

并且做;

.view .navbar {
  ...
}