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

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

我认为下面会起作用，但 Chrome 说不。我不想使用第 n 个孩子，因为 DOM 可能会根据我们的程序而改变，下面看起来很灵活，但我做错了。

.parent .secondchild ~ .fourthchild
{
     css stuff
}
4

2 回答 2

7

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

.parent .secondChild ~ .fourthChild

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

于 2013-08-30T14:53:54.150 回答
2

它区分大小写！做这个：

.parent .secondChild ~ .fourthChild
于 2013-08-30T14:55:34.417 回答