マウスカーソルが合ったセンテンスの背景色を変更したいのですが、下記コードだとうまくいきません。
html
1<div id='haikei'> 2 <div class='gazou'>abc</div> 3 <hr> 4 <div class='gazou'>def</div> 5 <hr> 6 <div class='gazou'>ghi</div> 7 <hr> 8 <div class='gazou'>jkl</div> 9 <hr> 10 <div class='gazou'>mno</div> 11</div>
css
1#haikei .gazou:hover { 2 background-color: #ccffcc; 3}
参考URL
https://nodoame.net/archives/4086
やりたいことはまさに↑の通りなのです。
上記URLだと対象がテーブルになっておりますが、テーブルじゃない部分に適用させたいです。
やり方をご存知のかたいらっしゃいましたらご教示いただけませんでしょうか?
abc
def
ghi
各行にマウスカーソルが合わさったときに背景色(デフォルト白)を緑色に変更したいのです。
環境
グーグルクローム
バージョン: 67.0.3396.99(Official Build) (64 ビット)
で試したところ、abc部分にマウスカーソルを合わせても何も変化が起きませんでした。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/25 00:32
2018/07/25 00:44