検索

ホームページ  >  に質問  >  本文

マウスオーバーイベントを使用してフライアウトメニューを表示する

ポップアップ メニューがあり、マウスオーバー イベントを使用して切り替えようとしていますが、期待どおりに動作していないようです。 div を次のように配置して CSS ホバー イベントを使用してみました: .hero-list-block a:hover .flyout-menu

しかし、これは役に立ちません。これを修正/改善する方法について何か提案はありますか?ありがとう###

リーリー リーリー リーリー

P粉254077747P粉254077747236日前516

全員に返信(1)返信します

  • P粉194541072

    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>

    返事
    0
  • キャンセル返事