84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ポップアップ メニューがあり、マウスオーバー イベントを使用して切り替えようとしていますが、期待どおりに動作していないようです。 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
CSS セレクターの特性により、これは機能しません。
.flyout-menu-show セレクターは .flyout-menu セレクターの前に宣言されており、それらは同じ特異性を持ちます。したがって、最新のもののみが要素に適用されます。
###変化### リーリー ###に### リーリーこれにより、より高い特異性を持つセレクターが作成され、正しく適用されます:)。この例の作業コードペン:
https://codepen.io/aSH-uncover/pen/PoaboWoこのページも読む価値があるかもしれません: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity