1

いくつかの単純なCSSボタン用に取り組んでいるプロジェクトがあり、それらに一致するドロップダウンメニューを作成しようとしていました。問題は、サブメニューの項目をクリックすると、その上のすべての親もアクティブ状態になることです。親セレクターを使用するつもりでしたが、存在しないだけです。デモページは次のとおりです:http://jsfiddle.net/td7bk/4/

ありがとう!

編集:今のところ、デモはFirefoxと完全に互換性があります。これは、-moz-transitionプロパティと-moz-box-shadowプロパティ、およびborder-radiusプロパティを使用しているためです。

4

1 に答える 1

0

これは、HTMLを少し調整する意思がある/できる場合は、cssだけで可能です。いくつかのli要素でテキストをラップするスパンタグがあることに気づきましたが、すべてではないので、これが要件であるかどうかはわかりませんでした。

例については、 http://jsfiddle.net/td7bk/8/を参照してください。

また、簡単なヒントが必要な場合は、調整されたcssセレクターを確認してください。簡素化され、より効率的になります。

お役に立てれば!

于 2012-03-02T08:19:38.910 に答える