CSS中使鼠标经过某个标签时，改变其他标签样式，需要注意的问题

写了一个例子，目的是当鼠标移到下图中红色框的区域时，出现一个下拉框:

于是我写了类似于这样的代码：

element1:hover  element2{display:block}

但是却没有得到预期的效果，刚开始以为是权重的问题，试了很多次，但最终都是无疾而终，最后通过查询才找到了问题的根源所在：

这个是通过伪类选择器（：hover）来实现的，缺陷是只能改变鼠标所经过标签的自身或者往下有血缘关系的标签的样式。