类名上的CSS同级选择器？

Question

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

我正在尝试根据父元素下是否存在第二个子元素来设置第四个子元素的样式。

我认为以下代码应该可以工作，但是Chrome浏览器显示无效。我不想使用nth-child选择器，因为DOM树可能会因为我们程序的改变而发生变化，以下代码似乎非常灵活，但我做错了什么。

.parent .secondchild ~ .fourthchild
{
     css stuff
}

- user2733367

---

原来这个神奇的选择器是：.parent div.secondChild ~ div.fourthChild" - user2733367

Answer 1

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

.parent .secondChild ~ .fourthChild

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

- LeBen

---

我同意LeBen的看法，对于HTML和CSS我也是这么做的。 - Michael

Answer 2

这是区分大小写的！请执行以下操作：

.parent .secondChild ~ .fourthChild

- Alberto

---

晚了！:) @LeBen - Alberto