我終於想出瞭如何讓我的孩子在我特殊的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