CSS hover 不生效的原因

遇到hover不生效的情况可以检查以下方面：

1，代码中类名是否写正确，这是最基础的情况，有时候会因为粗心或者代码量过多导致敲错类名或者引用错误类名；

2，检查hover控制的层级关系是否正确，通常来讲如果直接通过 hover .类名的方式来控制的话，需要满足被控制对象是触发对象的子元素。若要跨层级进行控制可阅读这篇文章

3，注意冒号hover中不要空格，应该连在一起否则也会导致不生效。即:hover，而不是: hover。