类名上的 CSS 兄弟选择器?

标签 css dom siblings

<div class="parent">
  <div class="firstChild"></div>
  <div class="secondChild"></div>
  <div class="thirdChild"></div>
  <div class="fourthChild"></div>
<div>

我正在尝试根据父项下是否存在 secondChild 来设置第四个子项的样式

我认为下面的方法可行,但 Chrome 说不行。我不想使用第 n 个 child ,因为 DOM 可能会根据我们的程序而改变,下面的内容似乎非常灵活,但我做错了。
.parent .secondchild ~ .fourthchild
{
     css stuff
}

最佳答案

这是正确的解决方案,您只是在 CSS 中错误地命名了您的类,您忘记了大写字母。

.parent .secondChild ~ .fourthChild

http://jsfiddle.net/LeBen/Y6QDr/

关于类名上的 CSS 兄弟选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18535821/

相关文章:

html - 我正在尝试在页脚内放置一个容器。我可以将它左右放置,但我不确定为什么它不会进入中间

html - 使用 z-index 将元素定位在 div 下

css - 在 IE8 中强制显示垂直滚动条

javascript - 消除相对定位的 div 的水平滚动

javascript - 寻找一个更新 DOM 的简单 JavaScript 示例

javascript - 在javascript中获取附近的 sibling

css - 将 Div 拉伸(stretch)到容器中的页面底部

javascript - 为什么 dom 元素作为窗口对象的属性存在?

css - 选择当前 div 上方的同级 div

Jquery Next/NextAll/NextUntil 具有计数限制