Html 悬停时的常规同级选择器

当我将鼠标悬停在另一个div上时，我使用常规同级选择器来显示隐藏的div。当我测试鼠标悬停以更改字体颜色时，它工作正常，但在我添加“~.cat3”以修改类“.cat3”样式后，它不起作用，我还尝试使用相邻同级选择器，如中所示，但它也不起作用。代码如下：

HTML:

谢谢你

这个

.subcatitem a:hover ~ .cat3{    
display: block;
}

无法工作，因为链接不是下一个div的同级

你可以试试这个

.cat3{
显示：无；
}
/*不起作用
.subcatitem a:悬停~.cat3{
显示：块；
}
*/
.subcatite:悬停~.cat3{
显示：块；
}

类别项目

因为

.cat3

不是

元素的兄弟。

.cat3{
display: none;
}

.subcatitem a:hover ~ .cat3{    
display: block;
}

.subcatitem a:hover ~ .cat3{    
display: block;
}