wordpress カラムにhoverしたときに、その他のカラムの装飾を変更する方法

実現したいこと

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 コメント