Javascript CSS.：悬停在导航上不工作>；锂

我被这个问题困扰了好几个小时，不明白为什么它在悬停状态下什么都不做。这仅在li元素上发生

这是我的代码（导航栏）： 我的css代码从最底层开始（//我的css）

正如您所看到的：

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

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

为什么它什么都不做

我甚至在lis上开设了一门课：“李先生”

我的意思是：

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

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

---

你的语法错了。你有这个：

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

你想要这个：

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

它对我有用

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

这不是使用

-

的方式，只需留出空间即可

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

---

示例

您应该删除分数：

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

---

这是nav ul li中特定li的正确语法

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

---

非解析语法可能不是问题的好来源。是否使用提供语法验证的文本编辑器？Chrome工具还将指出，由于语法不正确，CSS规则无效。