html - 如何为div下的div编写CSS，其特定ID本身就是具有特定类的div下的div？

我有一些股利结构：

<div class="row-fluid Editor-container">
    <div id="menuBarDiv" class="row-fluid">
      <div class="btn-group">
          <div class="btn-group" title="Fonts" style="cursor: pointer;"></div>
          <div class="btn-group" title="Paragraph Format" style="cursor: pointer;"></div>
           <div class="btn-group" title="Font Size" style="cursor: pointer;"></div>
      </div>
    <div>
</div>

现在，我想在其中编写CSS：

div of class="btn-group"内div id="menuBarDiv"内div class="Editor-container"内的CSS像这样：

.btn-group::before, .btn-group::after {
    content: "";
    display: inline;
}

我怎样才能做到这一点？

最佳答案

因此，您想在.btn-group中的#menuBarDiv中设置.Editor-container的样式吗？

您可以通过.Editor-container > #menuBarDiv > .btn-group::before或.Editor-container #menuBarDiv .btn-group::before进行操作。

区别：我的第一个代码必须遵循您在此处定义的确切层次结构。第二个代码中的层次结构可以有所不同，例如#menuBarDiv和.btn-group之间可以有另一个id或类，无论它们是直接的孩子还是父母都没有关系。

有关该主题的更多信息：https://css-tricks.com/child-and-sibling-selectors/

注意：正如kukkuz所指出的那样，ID已经是特定的，请确保您确实必须使用子选择器。

关于html - 如何为div下的div编写CSS，其特定ID本身就是具有特定类的div下的div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39305160/