<div className="tool">&gt;</div>
<div className="sidebar"></div>

tool:hover时改变sidebar样式，~号：

.tool:hover~.sidebar{
     width:200px;
}

或者+号：

.tool:hover+.sidebar{
     width:200px;
}

注意：

~和+改变兄弟元素样式，改变的是当前元素的下一个兄弟元素，反过来sidebar:hover改变tool样式是不可以的。