类名上的CSS兄弟选择器？

Question

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

如果secondChild存在于父级下面,我试图设置第四种基础

我认为下面的内容可行,但Chrome说没有.我不想使用第n个孩子,因为DOM可以根据我们的程序改变,下面看起来非常灵活,但我做错了.

.parent .secondchild ~ .fourthchild
{
     css stuff
}

Answer 1

这是正确的解决方案,你错误地在CSS中命名了你的类,你忘记了大写.

.parent .secondChild ~ .fourthChild

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