为什么click事件之后hover有的不能用了？

Question

如图：想做一个按钮

1. 
   

2. 鼠标点击之后背景颜色和文字颜色发生改变，代码如下

csshover代码如下：

现在我想问的是为什么点击事件没毛病但是在点击完离开标签之后hover同时触发了，可是我不想让它触发啊。。
而且我点击事件改变了文字颜色点击完鼠标在hover的时候color不变化了，只有边框变化，我想问这种情况怎么解决？再一个我想问我这种需求有没有比较优雅的实现方式？

Answer 1

定义两个class来切换，你这样.css加的行内样式，权重高于class样式，会导致class样式不生效。