将CSS导航到div元素中的元素

Question

我需要将css导航到一个元素，这是一个element（div）。 像这样：

.element element {
  color: rgba(6, 132, 134, 255);
} 

怎么做？ 信息： element > .element无效， .element element也无效。
我正在尝试获取toolbar元素。 （这是html中的元素）：

<div class="main" id="main">
    <div class="toolbar">

    </div>
  </div>  

而且我需要在main中获得工具栏元素，因为其他div中有更多的工具栏？

在此先感谢您的帮助。

Answer 1

根据您的HTML，您的CSS应该如下所示：

.toolbar {
  color:rgba(6, 132, 134, 255);
}

但是，由于类toolbar还有其他元素，因此可以使用特殊性，以便只有id为main的元素中具有类toolbar的元素才能使用这些样式：

 #main .toolbar { color:rgba(6, 132, 134, 255); } 

 <div class="main" id="main"> <div class="toolbar"> This is some text. </div> </div> 

Answer 2

. 用于选择具有特定类的元素，而#用于选择具有特定ID的元素。 你的情况来选择.toolbar嵌套在#main你将需要：

 #main .toolbar { color: rgba(6, 132, 134, 255); } 

Answer 3

那很简单：

#main div.toolbar {
color: red;
}

这将针对ID为MAIN的元素中的类为TOOLBAR的DIV：

Answer 4

您的问题有点抽象，但是基于您添加的代码，我认为您正在尝试定位div“工具栏”，可以使用以下任何一种方法来完成此操作（以最佳顺序排列） ：

1. #main .toolbar { ... }
2. .main .toolbar { ... }
3. #main div { ... }
4. .main div { ... }

Answer 5

您可以通过多种方式进行选择，但如果要从一个导航到另一个，则应在CSS上使用（访问工具栏）

.main div {
  color: rgba(6, 132, 134, 255);
} 

或者您可以简单地使用css类选择器直接选择元素

.toolbar {
    color: rgba(6, 132, 134, 255);
}

但这不会显示任何内容，为了查看任何内容，您必须使用height属性，或插入一些内容