実現したいこと
wordpress カラムにhoverしたときに、その他のカラムの装飾を変更する方法を教えていただきたいです。
前提
wordpressテーマ Lightningを使用しています。
2つのカラムブロックがあり、中は3つずつのカラムが設置されています。
試したこと
2つのカラムブロックをグループ化し、クラス(hover-other-than)を設定。
装飾をしたいpに:not擬似クラスを使用して装飾。
.hover-other-than p {
transition: all .3s ease-in;
}
.hover-other-than:hover p:not(:hover) {
opacity: .5;
}
こちらだとホバーしても変化がありませんでした。
0 コメント