する質問をすることでしか得られない、回答やアドバイスがある。MORE」にホバーした際に左から色が変わる動きをつけています。画像が拡大するという動きを画像以外の箇所(下の画像でグレーで示している範囲)にカーソルが入った際に、適用されるようにしたいのですが方法が分かりません。MOREにカーソルを合わせた時には、「色が変わる+画像が拡大する」としたいと思っています)通常時READMOREホバー時グレーの範囲にカーソルが入った時に画像を拡大させたい現在、下記記述をしています。#687c76;}css勉強中です。質問内容が分かりづらかったら申し訳ありません。上記cssはh2やpに対しての記述は省いています。>>やりたいこと1グレーで示した範囲にカーソルがくると画像が拡大する。2READMOREの箇所にカーソルが来た時はREADMOREのホバーエフェクト+画像が拡大する動きをつけたいお力いただけると助かります。JavaScriptではなくCSSで出来る方法の方が好ましいです。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。09:32JavaScript利用もありますが、タグと質問内容からその方向は検討されてないかもしれないので、ひとまずCSSで実現可能そうなヒントを回答としました。JavaScript利用もありますが、タグと質問内容からその方向は検討されてないかもしれないので、ひとまずCSSで実現可能そうなヒントを回答としました。10:07ご回答ありがとうございます!JavaScriptではなくCSSで出来る方法の方が好ましいです。:not()を使う場合、全体にホバー時拡大するようにして、h2,p,list-btnを:not()とするということなのでしょうか・・・?(擬似クラスがまだ勉強不足でして、詳しくお教えいただけたら嬉しいです。)ご回答ありがとうございます!JavaScriptではなくCSSで出来る方法の方が好ましいです。(擬似クラスがまだ勉強不足でして、詳しくお教えいただけたら嬉しいです。10:50「列挙されたセレクターに一致しない要素」(ドキュメントそのまま)なので、適用「させたくない」要素を指定します。ドキュメントのミニマムコードも参考にやってみてください「列挙されたセレクターに一致しない要素」(ドキュメントそのまま)なので、適用「させたくない」要素を指定します。13:46ご丁寧にありがとうございます!今回は他の方のやり方で解決いたしましたが、擬似要素も使いこなせるよう勉強していきたいと思います。ありがとうございました!ご丁寧にありがとうございます!今回は他の方のやり方で解決いたしましたが、擬似要素も使いこなせるよう勉強していきたいと思います。ありがとうございました!キャンセル完了するlinkcheckベストアンサー+1hoverのヒットエリアを子要素の領域だけ除外、というのはなかなか難しいと思います。hoverの定義を重ね合わせして、imgをhoverしたときはscaleを元に戻してやればどうでしょう。imgとlist-1の子要素として指定してやらなければいけないようです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。13:45ご回答ありがとうございます!今回は他の方のやり方で解決いたしましたが、いただいた方法も今後活用出来るよう、勉強していきたいと思います。今回は他の方のやり方で解決いたしましたが、いただいた方法も今後活用出来るよう、勉強していきたいと思います。頂いたご意見への回答は行っておりません。