[nobu]

追加で共通clssを作って以前回答したいただいたコードを足して解決しました！！
ありがとうございました！！

[nobu]

何度も申し訳ありません。
下記のコード試したのですが、これに書き換えるとhoverされなくなります。

.wp-block-image .aligncenter .wp-image-1093 :hover{
opacity: 0.5;
}

他のコードに変えてみても同じく反応なしです。
唯一正しく反応するのは

.wp-block-image :hover{
opacity: 0.5;
}

このコードだけなんですが、何か設定を変えないととかですかね。。。
お助けお願いいたします。

[nobu]

返信ありがとうございます！！

.wp-block-image .size-large img:hover {
opacity: 0.5;
}

これで一応できたのですが、全部のimgにhoverがついてしまってリンクをつけたimgのみに指定したい場合はどうしたらいいのでしょうか？？

画像HTML
<figure class=”wp-block-image size-large”></figure>

<figure class=”wp-block-image size-large”></figure>

.wp-image-1093 aligncenter img:hover {
opacity: 0.5;
}

これにすると反映されませんでした。

[投稿者]

投稿