3

特定の css コードで nth-child を機能させる方法をようやく見つけました。ただし、まだ小さな問題があります。追加した 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 に答える