为什么：hover在此CSS代码中不起作用？

Question

li.Log-In {
    margin-left: 20px;
    text-transform: uppercase;
}
li.Log-In:hover {
    margin-left: 20px;
    text-transform: uppercase;
    cursor: hand;
}

当我测试它时，当我将鼠标悬停在“登录”上方时，它不会将光标更改为手形

Answer 1

您无需添加：hover即可实现此目的。 而且手形光标的名称不是“手”，而是“指针”。尝试以下操作：

       li.Log-In {
        margin-left: 20px;
        text-transform: uppercase;
        cursor: pointer;
      }

Answer 2

 Try this fun thing with hover!! :)

<!DOCTYPE html>
 <head>
     <title>Hover</title>
 </head>

<style type="text/css">

 #box{
width: 10em;
height: 10em;
background: #666;
margin: 2em auto;
box-shadow: 0 .2em .4em rgba(0,0,0,0.3);
-webkit-transition:all ease-in .2s;
-o-transition:all ease-in .2s;
-moz-transition:all ease-in .2s;
-ms-transition:all ease-in .2s;
transition:all ease-in .2s;
cursor: pointer;
/*cursor: wait;*/
}

#box:hover{
border-radius: .5em;
background: #13a58e;
box-shadow: 0 .5em .3em rgba(0,0,0,0.5);
margin: .3em auto;
}

</style>

 <body>

 <div id="box"></div>

</body>

</html>

为什么：hover在此CSS代码中不起作用？

问题描述

2 个解决方案

解决方案1
6 已采纳 2017-09-24 03:15:35

解决方案2
-1 2017-09-24 03:46:39

为什么：hover在此CSS代码中不起作用？

问题描述

2 个解决方案

解决方案1 6 已采纳 2017-09-24 03:15:35

解决方案2 -1 2017-09-24 03:46:39

解决方案1
6 已采纳 2017-09-24 03:15:35

解决方案2
-1 2017-09-24 03:46:39