正确的方法来实现css悬停并专注于图标

问题描述

我想添加背景颜色并在图标悬停时增大其尺寸，但是在此CSS代码上实现a：hover的正确方法是什么？

li a i.menu-icon {
        color: #f3698a;
        float: left;
        width: 33px;
        font-size: 12px
    }

解决方法

您可以使用以下代码： （您可以将背景颜色更改为所需的颜色，我仅输入＃000进行演示，也可以将宽度值更改为所需的颜色）

li a i.menu-icon:hover {
            Background-color:#000;
            color: #fff;
            width: 50px;
            font-size: 15px;
        }