选择多个相邻的兄弟姐妹（及其子女）

Question

当我的div的2个兄弟姐妹悬停在它上面时，如何改变它的风格？

#magic:hover + (#sibling1 > span, #sibling2 > span){color: blue}

JSFiddle

Answer 1

更新了此fiddle

#magic:hover ~ .box span {color: blue}

编辑使用上面的内容，显然+只适用于直接兄弟http://www.sitepoint.com/web-foundations/adjacent-sibling-selector-css-selector/

Answer 2

为什么不使用相邻的选择器来实现呢？

#magic:hover + #sibling1 + #sibling2 span {
    color: red;
}

Demo （将第一个元素悬停并查看第3个元素的颜色变化）

如果你想改变所有元素的样式，后跟#magic，而不是使用

#magic:hover + #sibling1 span,
#magic:hover + #sibling1 + #sibling2 span {
    /* Styles goes here */
}

Demo 2