网站：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 ;}
我认为它会起作用，因为我声明＆gt; DIV＆gt; div：hover而不是使用运算符。我做错了什么？
答案 0 :(得分：0)
试试这个，我认为你的选择器过于复杂。
#front-page-menu-id-graphic-design a {background: red ;}
我没有看到每个a代码的唯一ID或类别。另外，我注意到你在多个元素上使用相同的ID，这不是一个好主意。