关于 :hover 失效问题，亲历之痛，分享以便惠及他人，少走弯路（仅个人意见，观点可能片面，自行理解）

首先，关于:hover 要先了解他的规则。

在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！这一点很重要
要实现的效果如下：鼠标移动到 标签上面（不一定是a 标签），展开列表项

图片1 最初效果

图片2 目标效果

其中有两点要注意：
1.就是规则，规则是一切事物运转的根本。所谓：“无规矩，不成方圆”
**在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！
在 CSS 定义中，a:active 必须位于 a:hover 之后！！**

2.代码结构：子父级关系
本文中 top_item_zk 为 top_itemr ul li 的子级

那么（在CSS中）书写样式如下：

可以实现：
**1.鼠标移动之上，变色…..
2.子级类元素 样式变化**

本人小白，学习中一点经历，希望对你有帮助！