类名上的CSS兄弟选择器?

时间:2013-08-30 14:50:44

标签: 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个孩子,因为DOM可以根据我们的程序改变,下面看起来非常灵活,但我做错了。

.parent .secondchild ~ .fourthchild
{
     css stuff
}

2 个答案:

答案 0 :(得分:5)

这是正确的解决方案,你只是在CSS中错误地命名了你的类,你忘记了上限。

.parent .secondChild ~ .fourthChild

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

答案 1 :(得分:1)

这是区分大小写的! 这样做:

.parent .secondChild ~ .fourthChild