javascript - 为什么:hover in this CSS code not work?

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;
      }