0

サイト: 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 ;}

演算子を使用する代わりに >DIV>div:hover を宣言しているので、うまくいくと思いました。私は何を間違っていますか？

4

1 に答える 1

0

これを試してみてください。セレクターを複雑にしすぎていると思います。

#front-page-menu-id-graphic-design a {background: red ;}

a各タグに一意の ID やクラスが表示されません。また、複数の要素で同じ ID を使用していることに気付きましたが、これは良い考えではありません。

于 2013-02-26T17:25:07.847 に答える