CSS。 :hover 在导航>li 上不起作用答案

【问题标题】：CSS. :hover not working on nav>liCSS。 :hover 在导航>li 上不起作用
【发布时间】：2016-04-23 11:21:04
【问题描述】：

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

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

如你所见，我有：

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

为什么它什么都不做？

我什至在 lis 上放了一个类：'.li'

我的意思是：

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

【问题讨论】：

【解决方案1】：

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

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

你想要这个：

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

对我有用

【讨论】：

【解决方案2】：

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

这不是不用-的方式，只是给个空格

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

【讨论】：

【解决方案3】：

你应该删除分数：

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

这是正确的语法

【讨论】：

【解决方案4】：

对于特定的 li in nav ul li

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

【讨论】：