スタイルシートの設定を一部適用させたくない！
- 0 名前： dertoro ： 2003/10/17 17:20
- 現在、下記のようなスタイルを設定しています。
<style type="text/css">
<!--
body {font-size: 12px;}
p {font-size: 12px;}
div {font-size: 12px;}
td {font-size: 80%;}
td.aka {font-size: 120%; color:#ff0000; font-weight:bold;}
a {text-decoration: none; font-weight:bold}
a:link {color: #00008B }
a:visited {color: #00008B }
a:hover {color: #00008B; text-decoration: underline; background-color: #C8D6ED }
a:active {color: #00008B }
a.nasi:hover {background-color:transparent }
-->
</style>
リンクに対してこのような設定にしているのですが、画像リンク（ボタン）
だけには、この設定を適用したくない！という時にはどうすれば良いのでしょうか？
- 1 名前： ico ： 2003/10/20 17:02
- この部分を
a:hover {color: #00008B; text-decoration: underline; background-color: #C8D6ED }
↓
a.txt:hover {color: #00008B; text-decoration: underline; background-color: #C8D6ED }
に変えて下さい。
そしてテキストリンク全てに
<a href="xxx.html" class="txt">リンク</a>
として下さい。
これでテキストリンクだけにこのスタイルシートが適用されます。
※『txt』としましたが、名前はなんでもいいです。
※以下は捕足です。
回答で
a:hover {color: #00008B; text-decoration: underline; background-color: #C8D6ED }
の部分だけを抜き取りましたが、
他のスタイルシートは画像リンクに影響を及ぼさないので無視させて頂きました。
- 2 名前： dertoro ： 2003/10/21 08:47
- おぉ！
出来ました。なるほど。
まだまだstylesheetも初心者なので、なかなか思うようにできなくて
ここによくお世話になっています(^_^;
感謝です！
ありがとうございました。
