マウスオーバーイベントを使用してフライアウトメニューを表示する
ポップアップ メニューがあり、マウスオーバー イベントを使用して切り替えようとしていますが、期待どおりに動作していないようです。 div を次のように配置して CSS ホバー イベントを使用してみました: .hero-list-block a:hover .flyout-menu
しかし、これは役に立ちません。これを修正/改善する方法について何か提案はありますか?ありがとう＃＃＃
リーリー リーリー リーリーポップアップ メニューがあり、マウスオーバー イベントを使用して切り替えようとしていますが、期待どおりに動作していないようです。 div を次のように配置して CSS ホバー イベントを使用してみました: .hero-list-block a:hover .flyout-menu
しかし、これは役に立ちません。これを修正/改善する方法について何か提案はありますか?ありがとう＃＃＃
リーリー リーリー リーリー
P粉1945410722024-04-04 12:56:25
CSS セレクターの特性により、これは機能しません。
.flyout-menu-show セレクターは .flyout-menu セレクターの前に宣言されており、それらは同じ特異性を持ちます。したがって、最新のもののみが要素に適用されます。
＃＃＃変化＃＃＃ リーリー ＃＃＃に＃＃＃ リーリーこれにより、より高い特異性を持つセレクターが作成され、正しく適用されます:)。この例の作業コードペン:
https://codepen.io/aSH-uncover/pen/PoaboWoこのページも読む価値があるかもしれません: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity< /a>