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