- ベストアンサー
aタグに直接style=""で:hoverをしたいしたい
お世話になります。 下記のaタグのCSS記述部分を直接<a href="" style="..."として記述するには どのようにすればよいのでしょうか hoverをaタグ内に直接指定しようとしていろいろ調べたのですが、解説しているサイトを見つけられなくて、質問させてもらってます。 A:link.menu { text-decoration:none; FONT-SIZE: 12px; COLOR: #0000ff; } A:visited.menu { text-decoration:none; FONT-SIZE: 12px; COLOR: #0000ff; } A:hover.menu { FONT-SIZE: 12px; color:#0000ff; background-color:#66bce2; } A:active.menu { FONT-SIZE: 12px; COLOR: #0000ff; } お手数お掛けしますが、どなた様かご教授いただけますようお願い致します。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<a href="http://www.yahoo.co.jp" style="text-decoration:none;FONT-SIZE:12px;COLOR: #0000ff;" onmouseover="this.style.backgroundColor='66bce2'" onmouseout="this.style.backgroundColor=''">やふう</a>
その他の回答 (2)
- kuronekoyarou
- ベストアンサー率54% (30/55)
CSSの指定をHTMLのソース上に書きたいのであれば、 <head></head>内に <head> <style type="text/css"> <!-- a:link { color:#0000FF; text-decoration:none; } 以下a:visited{}なども記述 --> </style> </head> とすればいいと思います。 ＞hoverをaタグ内に直接指定しようとして がそれぞれのaタグに別々の指定をしたいという意図なのであれば <a href="" class="menu">リンク</a> のようにそれぞれのaタグにclass指定して、 a.menu:hover {color:#FF0000;} と書くのが正しい書き方です。 a:hover:menu{}という書き方は正しくありません。 あとCSSの{プロパティ:値;}は小文字で書いたほうがいいかと…
お礼
a:hover.menuは正しくなかったのですか・・・ ネットで検索していた時、双方の書き方が載っていて、ん～む、どっちなのかなぁ・・みたいな感じではいたのですが、IEで動くのでOK的な感じでいました。 CSSのプロパティ：値はやはり小文字で書くんですね。知ってはいるものの、、、という感じなのですが今後は訂正したいと思います。 色々と有難うございます。
- UKY
- ベストアンサー率50% (604/1207)
> hoverをaタグ内に直接指定 それはどうやっても無理です。
お礼
やっぱり無理ですか。有難うございます。
お礼
サンプルを使って、しかもonmouseoverでの解決策までご掲示頂き有難うございます。こちらの方法で何とか目先解決致しました。