2

http://jsbin.com/umaguc/1/のようなホームページを作成しています。現在、ドロップダウン メニューに取り組んでいます。今私が欲しいのは、http://www.script-tutorials.com/demos/249/index.htmlのような効果を作ることです。id="lavalamp"幅、高さ、背景色 (長方形のように見える) を持つdivがあります。要素の 1 つ(ホーム、ゲーム オフライン、ゲーム オンライン、エスポート、音楽など)をホバーすると、このdiv を移動して幅を変更し、上記の効果のように見えるようにします。これは私のコードのアイデアです：#nav ul li#lavalamp

#nav li:nth-of-type(1):hover ~ #lavalamp {
    left: 39px;
}

#nav li:nth-of-type(2):hover ~ #lavalamp {
    left:110px;
    width:110px;
}

しかし悲しいことに、それはうまくいきません。要素の上にカーソルを置いても#nav ul li、何も変わりません! 皆さんがこの問題で私を迎えてくれることを願っています..どうもありがとう！

4

1 に答える 1

1

を選択するために一般的な兄弟セレクターを使用したようですが#lavalamp、その要素は要素の兄弟として表示されませんli。

#lavalamp残念ながら、CSS には DOM をさかのぼって sからあなたのページにたどり着く方法があるとは思えませんli。jQuery を使用するか、純粋な CSS を介して要素にアクセスできるようにマークアップを再構築する方法を考えることができます。

于 2013-07-30T13:12:36.333 に答える