3

我终于想出了如何让 nth-child 在我的特定 css 代码中工作。但是，我仍然有一个小问题。我添加的第 n 个子悬停颜色 css 显示在实际 div 下方。

我尝试了几种变体，但都没有运气。任何人都可以建议修复吗？

当前的 CSS：

li#home-page.page-wrapper-li>div:nth-child(2):hover {
    background-color:#993366 !important;
    height: 160px;
}
4

1 回答 1

1

我认为您需要更改悬停：

从上面的悬停中删除背景颜色并设置这个新的悬停：

#home-page > div:nth-child(2):hover .div-bg-color {background-color:#993366; opacity:1;}

编辑

抱歉，由于您已将您的 li 限定为不同的级别，您将需要使用它：

li#home-page.page-wrapper-li > div:nth-child(2):hover .div-bg-color {background-color:#993366; opacity:1;}

正如评论中所指出的那样，这li#home-page.page-wrapper-li将比仅仅效率低得多#home-page

于 2013-06-19T13:26:48.247 回答