gpt4 book ai didi

CSS 格 :hover per menu item having Child and Sibling Selectors issue

转载 作者:行者123 更新时间:2023-11-28 13:15:20 28 4
gpt4 key购买 nike

网站:http://avuedesigns.com/index

首页有 6 个菜单项。我希望每件元素在您经过时都有自己的颜色。

这是当您将鼠标悬停在 div 上时将所有内容更改为白色的行

li#home-page.page-wrapper-li>div>div:hover .div-bg-color { background-color:#ffffff ;}

对于每个菜单项,我已经进去并给了他们 ID。当我尝试这个时:

 li#home-page.page-wrapper-li#front-page-menu-id-about>div:hover.div-bg-color {background-color:#765478 ;}

我认为它会起作用,因为我声明 >DIV>div:hover 而不是使用运算符。我做错了什么?

最佳答案

试试这个,我认为你的选择器过于复杂了。

#front-page-menu-id-graphic-design a {background: red ;}

我没有看到您的每个 a 标签有任何唯一的 ID 或类。另外,我注意到您在多个元素上使用了相同的 ID,这不是一个好主意。

关于CSS 格 :hover per menu item having Child and Sibling Selectors issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15095274/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com