css - 在纯CSS中选择元素的兄弟姐妹的孩子

Question

假设你有：

----------
    A
----------
    B -> C
----------

给定 C 是 B 的孩子，我想选择所有的 C，其父 B 是 A 的兄弟

Answer 1

尝试这个：

A ~ B > C

返回作为 'A' 兄弟的 'B' 子级的所有 'C'

@Sven 还提到了“+”相邻兄弟选择器，如果 A 和 B 是“相邻”兄弟（意味着彼此相邻且不被其他兄弟元素分割），该选择器也将起作用。

Answer 2

.a +.b .c

这是一个jsfiddle，您可以在其中进行测试。请注意.c不符合规则的 div 不会获得绿色背景。我不会指望 IE 支持这一点。