aタグに直接style=""で:hoverをしたいしたい

解決済

質問者：taku0
質問日時：2006/05/23 19:52
回答数：3件

お世話になります。
下記の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件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2006/05/23 21:03

<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>

- 15
- 件

通報する

この回答へのお礼

サンプルを使って、しかもonmouseoverでの解決策までご掲示頂き有難うございます。こちらの方法で何とか目先解決致しました。

通報する

お礼日時：2006/05/23 21:59

No.3

回答者： kuronekoyarou
回答日時：2006/05/23 21:07

CSSの指定をHTMLのソース上に書きたいのであれば、

<head></head>内に
<head>
<style type="text/css">

</style>
</head>
とすればいいと思います。

＞hoverをaタグ内に直接指定しようとして
がそれぞれのaタグに別々の指定をしたいという意図なのであれば
<a href="" class="menu">リンク</a>
のようにそれぞれのaタグにclass指定して、
a.menu:hover {color:#FF0000;}
と書くのが正しい書き方です。
a:hover:menu{}という書き方は正しくありません。

あとCSSの{プロパティ:値;}は小文字で書いたほうがいいかと…

- 1
- 件

通報する

この回答へのお礼

a:hover.menuは正しくなかったのですか・・・
ネットで検索していた時、双方の書き方が載っていて、ん～む、どっちなのかなぁ・・みたいな感じではいたのですが、IEで動くのでOK的な感じでいました。
CSSのプロパティ：値はやはり小文字で書くんですね。知ってはいるものの、、、という感じなのですが今後は訂正したいと思います。
色々と有難うございます。

通報する

お礼日時：2006/05/23 22:01