Html CSS悬停不'；行不通_Html_Css_Hover

Html CSS悬停不'；行不通

html css

Html CSS悬停不'；行不通,html,css,hover,Html,Css,Hover,我对HTML和CSS很陌生，我知道这可能是一个非常愚蠢的问题，但我已经尝试解决了一段时间，我不知道出了什么问题我希望一个div在鼠标进入与它无关的另一个元素时更改其背景颜色（当div是另一个组件的子组件时，它工作正常）我的HTML： <!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <bo

我对HTML和CSS很陌生，我知道这可能是一个非常愚蠢的问题，但我已经尝试解决了一段时间，我不知道出了什么问题

我希望一个div在鼠标进入与它无关的另一个元素时更改其背景颜色（当div是另一个组件的子组件时，它工作正常）

我的HTML：

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <nav>

    </nav>
<div></div>
</body>
</html>

我尝试过将“nav:hover div”规则更改为类似“nav:hover body>div”的规则，但它也不起作用

提前感谢您的帮助

使用

：

nav:hover + div {
    background-color: blue;
}

您尝试过的规则，

nav:hover-div

，正在查找nav的后代div。您想要兄弟姐妹。

nav:hover div

表示

nav

中嵌套的

div

，而

处于悬停状态

。可能是重复的，这是相同的问题。。。很抱歉

nav:hover + div {
    background-color: blue;
}