<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/