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