CSS. : hover funktioniert nicht auf nav> li

Question

Ich bin mit diesem für einige Stunden fest, kann nicht herausfinden, warum es nichts auf Hover tut. Dies geschieht nur auf den li-Elementen.

Hier ist mein Code (Navigationsleiste): https://jsfiddle.net/5tobthjx/2/ Mein CSS-Code beginnt ganz unten (// My-CSS).

Wie Sie sehen, ich habe:

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

Warum es tut nichts?

Ich habe eine Klasse auf der lis auch: '.li'

ich meine:

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

Answer 1

Sie haben die falsche Syntax. Sie haben dies:

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

Sie wollen dies:

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

Es funktioniert für mich

Answer 2

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

Dies ist nicht die Art und Weise - nur einen Raum geben

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

nicht verwenden

Beispiel https://jsfiddle.net/5tobthjx/7/

Answer 3

sollten Sie die Noten entfernen:

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

das ist die richtige Syntax

Answer 4

für spezifischen li in nav ul li

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