我终于想出了如何让我的孩子在我特殊的css代码中工作。但是，我仍然有一个小问题。我添加的第n个孩子悬停颜色css显示在实际的div下面。CSS第n个孩子悬停问题
我发现了几个没有运气的变化。任何人都可以提出修正？
当前CSS：
li#home-page.page-wrapper-li>div:nth-child(2):hover {
background-color:#993366 !important;
height: 160px;
}
它做什么，你问它做的事：
发现孩子第二个孩子的div中：li#home-page.page-wrapper-li，并改变它的背景色，以#993366悬停。也许你对某个浏览器有问题。最新的Chrome浏览器对我来说看起来还不错。
我认为你需要改变你的悬停：
从悬停去除背景色以上，并设置这个新的悬停：
#home-page > div:nth-child(2):hover .div-bg-color {background-color:#993366; opacity:1;}
编辑
对不起，因为您已将您的锂限定在不同的级别，您将需要使用此级别：
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
感谢皮特工作的魅力！ – user2501232
不客气！ – Pete
请不要短链接更低效。你可以用小提琴来代替吗？ – Mooseman
请在尝试之前，使用正确的方式选择您的元素和内容。 ：x – kleinfreund
如果'li＃home-page.page-wrapper-li'不能简化为'＃home-page'，那么你正在做一些错误的事情。 – lonesomeday