カラムに:not擬似クラスを使いたい

[s h]

■ WordPress のバージョン
6.5

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.21.1

■ Pro Unit のバージョン
0.26.5

■ スキンの種類
Origin III

■ 期待する動作
カラムブロックに設置したカラムに:not擬似クラスを使用し、
ホバーしていないカラムに装飾を追加したいです。

■ 自分で試した事
画像のように配置しています。
カラムの中身は同一です。

①グループブロックにhover-other-thanクラスを設定
②カスタムCSSに下記のコードを記載

[css]
.hover-other-than p {
transition: all .3s ease-in;
}

.hover-other-than:hover p:not(:hover) {
opacity: .3;
}

.hover-other-than h4 {
transition: all .3s ease-in;
}

.hover-other-than:hover h4:not(:hover) {
opacity: .3;
}

■ 症状が発生するブラウザ
chrome

■ 実際の症状
ホバーしているカラムにも装飾が効いてしまいます。
なにか方法がありますでしょうか。
ご教授いただけますと幸いです。
よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

文面から状況・意図がいまいち把握できていないのですが

「ホバーしていないカラムに装飾を追加」 というのがちょっとよくわかりません。

まず未ホバーの装飾を指定（ホバーしていないカラム = 通常のカラム に装飾を指定）して、
ホバー時の装飾を付与または不要なのは打消し

を書いたらダメなのでしょうか？

[投稿者]

投稿