リンク文字にマウスが載ったらスタイル変更で
-
0 名前： ＫＥＮ ： 2007/01/29（月） 02:09 ID:ggbXw/qf sub-Cl
- 以下のコードでリンク時に文字のバックカラーを変更するのですが
<style type="text/css">
<!--
a:hover{background-color: black}
-->
これを、個々のリンクで使用、不使用を選択したいのですが、
タグで同じコードを書くことは出来ないでしょうか？
-
1 名前： K+S ： 2007/01/29（月） 02:09 ID:nROqylMa sub-YS
- style 属性はタイプセレクタと同様の適用しかできないため、疑似クラス等と同様の指定を要素タグ内で行なうことはできません。
HTMLで行なうとすれば、イベント属性を用いる方法が挙げられます。
これは、:hover 疑似クラスとは異なる方法ですが onmouseover は hover と同様の効果を実現できます。
onmouseout と併せて記述します。
<a href="#URI" onmouseover="this.style.backgroundColor='#000000'" onmouseout="this.style.backgroundColor='transparent'">anchor_text</a>
或は、id 属性か class 属性を用いて、それに対するセレクタによって指定する方法が挙げられますが、
HTMLの範疇ではありません。これについてはスタイルシート質問板か総合掲示板で扱ってください。
-
2 名前： ＫＥＮ ： 2007/01/29（月） 02:09 ID:mwQUhWiN sub-Cl
- レスありがとうございます。
onmouseover/onmouseoutでためしてみます。
どうもありがとうございました。
