css小技巧，菜单栏按钮hover样式与按钮默认样式冲突

蓝色背景是默认样式，灰色背景是hover样式。

初写菜单栏时，代码夸夸夸一顿敲。发现把鼠标移到蓝色按钮上去也变成了灰色。

其实这个时候只需要在蓝色背景后面加上 !important  把优先级提到最高。

就会发现hover背景和默认背景不会冲突了。

.btn{
    /*按钮样式请参考我的另一篇文章*/
}
.btn-cur{
    background: #5DCBFF !important;
}
.btn:hover{
    background: #ccc;
}

按钮样式请参考我另一篇文章 《css3 鼠标hover事件背景颜色渐变》