dom执行click事件后，hover失效问题

        今天在写页面时，在给底部工具栏加hover效果后，又给其加了click事件。在执行click事件改变其兄弟元素的display属性后，hover效果就失效了。

---

原因分析：在通过jquery操作dom，改变其style属性值时，实际改变了dom的内联样式（优先级：内联 > 类选择器），由于优先级问题，hover被覆盖了。

如何解决？

• 使用 !important ，将带hover效果的样式优先级提高。
• 动态增删class类，不操作dom的style属性。