CSS。 ：悬停不工作在导航>李

Question

我坚持了几个小时，不知道为什么它不会做任何悬停。这只发生在李元素上。

这是我的代码（导航栏）：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

在导航UL李特定李

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