我正在修改 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
但我似乎无法选择正确的元素。
有办法吗?
最佳答案
.nochildren+div{
/* Style goes here */
}
这会选择一个 DIV,该 DIV 紧接在具有 .nochildren
类的元素之前。这只有在两个元素处于同一级别时才有效,许多旧版浏览器会有问题。
关于CSS 选择类后的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8415390/