CSS 在给元素动态添加类名时设置鼠标移动背景色和点击背景色冲突

冲突设置：　　

　　button.btn {

            background-color: inherit;

            float: left;

            border: none;

            outline: none;

            cursor: pointer;

            padding: 14px 16px;

            transition: 0.3s;

            font-size: 17px;

        }

        button.btn:hover {

            background-color: #ddd;

        }

        button.active {

            background-color: #ccc;

        }

 

解决：只要吧鼠标移动背景设置给元素

 

　　button:hover {

            background-color: #ddd;

        }