CSS。 ：悬停不在导航＆gt; li上工作

Question

我坚持了几个小时，无法弄清楚为何它在悬停时没有做任何事情。这只发生在li元素上。

这是我的代码（导航栏）：https://jsfiddle.net/5tobthjx/2/ 我的css代码从最底层开始（// My-css）。

如你所见：

li:hover {
    border: 2px-solid-black;
}

为什么不做任何事？

我甚至在lis上写了一节课：'。''

我的意思是：

   .li:hover {
        border: 2px-solid-black;
    }

Answer 1

你的语法错误了。你有这个：

li:hover {
    border: 2px-solid-black;
}

你想要这个：

li:hover {
    border: 2px solid black;
}

它对我有用

Answer 2

li:hover {
    border: 2px-solid-black;
}

这不是不使用-只是给空格

的方式

li:hover {
    border: 2px solid black;
}

示例https://jsfiddle.net/5tobthjx/7/

Answer 3

您应该删除分数：

li:hover{
    border:2px solid black;
}

这是正确的语法

Answer 4

用于导航的具体li

nav ul li:hover {
    border: 2px solid black;
}