onmouseoverはCSS参照に含められるか？

質問

<div style="color: blue;" onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'">あああ</div>を、

<style type="text/css">
<!--
div {
onmouseover="this.style.color='red'";
onmouseout="this.style.color='blue';
}
-->
</style>

みたいには書けませんか？

a:hoverだったらできるのは承知していますが、
タグが<a>でなく<div>なので、onmouseover、onmouseoutを使わざるを得ず、
さらにonmouseover、onmouseoutはCSSでなくJSだと思うのですが。

回答No.1

bikeboy2013 · ベストアンサー

ども！

今では、 :hover はaタグ以外にも使えます！

なので、 div:hover　とすればいけますよ～＾＾

一度お試しあれ

お礼

bikeboy2013さん、ご回答ありがとうございました。

前に同じことを思いついてやってみて駄目だったんですが、
何かの記述違いだったようです。

もう一度試したらうまくいきました。
おかげさまでHTMLが軽くなりました。

ありがとうございました。