CSS 选择类后的元素

Question

我正在修改 JQuery UI Accordion 菜单，它目前的结构如下:

<h3>Title</h3>
<div>Children</div>
<h3 class="no-children">Title</h3>
<div>Children</div>
<h3>Title</h3>
<div>Children</div> ...

如您所见，中间标题没有子项，所以我想在 CSS 中做的是选择出现在 .no-children 类之后的 div 并将其隐藏。这些不是嵌套的，所以我不能简单地做到这一点。

我知道我可以 display:none 但我似乎无法选择正确的元素。

有办法吗？

Answer 1

.nochildren+div{
  /* Style goes here */
}

这会选择一个 DIV，该 DIV 紧接在具有 .nochildren 类的元素之前。这只有在两个元素处于同一级别时才有效，许多旧版浏览器会有问题。

http://www.quirksmode.org/css/contents.html