css - 純粋な CSS で要素の兄弟の子を選択する

Question

あなたが持っているとしましょう：

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

C が B の子であるとすると、A の兄弟である親 B を持つすべての C を選択したい

Answer 1

これを試して：

A ~ B > C

「A」の兄弟である「B」の子であるすべての「C」を返します

@Sven は、A と B が「隣接する」兄弟である場合にも機能する「+」隣接兄弟セレクターについても言及しました (つまり、互いに隣り合っており、他の兄弟要素によって分割されていないことを意味します)。

Answer 2

.a +.b .c

これは、テストできるjsfiddleです。.cルールに一致しない div の背景が緑色になっていないことに注意してください。ただし、これをサポートするためにIEを期待するつもりはありません。