CSS。 :hover 在 nav>li 上不起作用

Question

我坚持了几个小时，无法弄清楚为什么它在悬停时不执行任何操作。这仅发生在 li 元素上。

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

如你所见，我有：

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

为什么它什么都不做？

我什至在列表上放了一个 class : '.li'

我的意思是：

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

这不是办法不用-就给个space

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

Answer 3

您应该删除分数：

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

这是正确的语法

Answer 4

对于导航 ul li 中的特定 li

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

CSS. :hover not working on nav>li