.CSS.:悬停在导航>李上不起作用

CSS. :hover not working on nav>li

本文关键字：不起作用 悬停 导航 CSS      更新时间：2023-09-26

我被这个问题困了几个小时，无法弄清楚为什么它在悬停时不做任何事情。这只发生在 li 元素上。

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

如你所见，我有： 

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

为什么它什么都不做？

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

我的意思是：

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

示例 https://jsfiddle.net/5tobthjx/7/

您应该删除分数：

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

这是正确的语法

表示导航 ul li 中的特定 li 

nav ul li:hover {
    border: 2px solid black;
}
相关文章：