一个元素上的CSS事件，改变另一个元素

Question

如何使用CSS在另一个元素上更改元素？

E.g. <div id="one"> ....., <div id="two">....

<style>
#one:hover
{
changing the visibility of #two...
}
</style>

Answer 1

使用:hover选择器和~常规同级选择器的组合：

div.margin:hover ~.margin2
{
    background: #00f;
}

将鼠标悬停在div 2上，您会看到另一个div更改。

为此，div必须是兄弟姐妹（具有相同的父元素）。

http://jsfiddle.net/Kyle_Sevenoaks/mmcRp/