html - 如果悬停另一个元素，则悬停元素

Question

我环顾四周，但找不到正确的答案...如何将一个元素设置为悬停，假设另一个元素悬停？

假设“选择器”被悬停，它将悬停，方框 1+2 等...

http://jsfiddle.net/wgJRQ/

<div id="table">
<div id="row">
    <div id="selector">selector 1</div>
    <div id="selector2">selector 2</div>
</div>
<br />
<div id="row">
    <div id="box1">box 1</div>
    <div id="box2">box 2</div>
</div>
<div id="row">
    <div id="box3">box 3</div>
    <div id="box4">box 4</div>
</div>

Answer 1

尝试类似的东西

#box1:hover, #box1:hover~#box2 {
    display: table-cell;
    background-color:#FFFFFF;
    border:2px solid #666666;
    text-align: center;
    vertical-align: middle;
}

演示:Fiddle