在纯CSS中选择元素兄弟的子元素

时间:2012-10-30 17:43:58

标签: css

说你有:

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

鉴于C是B的子元素,我想选择所有具有A的兄弟B的父C的C

2 个答案:

答案 0 :(得分:1)

试试这个:

A ~ B > C

返回所有'C',他们是'B'的孩子,是'A'的兄弟

@Sven还提到了'+'相邻兄弟选择器,如果A和B是'相邻'兄弟姐妹(意思是彼此相邻而不是被其他兄弟元素分开),它也会起作用。

答案 1 :(得分:0)

.a +.b .c

这是您可以测试的jsfiddle。请注意与规则不匹配的.c div如何获得绿色背景。我不会指望IE支持这一点。