CGI-BBS > ホームページ記述言語 > HTML > スタイルシートを使用する範囲について。


カレッヂ
カレッヂ


質問者 mmm  投稿日 5/10(木) 13:33:02
スタイルシートを使用していて、下記の様にしていますが、
<style type="text/css">
<!--
A:link { color:#3366ff; text-decoration:none;}
A:visited { color:#3366ff; text-decoration:none;}
A:active { color:#fffff; text-decoration:none;}
A:hover { color:#000000; text-decoration:none; background-color:#00ffff; }
-->
</style>

２箇所だけ
<style type="text/css">
<!--
A:link { color:#ffffff; text-decoration:none;}
A:visited { color:#ffffff; text-decoration:none;}
A:active { color:#fffff; text-decoration:none;}
A:hover { color:#000000; text-decoration:none; background-color:#00ffff; }
-->
</style>
という様にしたいのです。

しかしどうしたら良いのかが分かりません。
どなたか宜しかったら教えて下さい。
お願い致します。
回答者 しあわせのツボ  [削除]  投稿日 5/10(木) 15:07:14
<style type="text/css">
<!--
A { text-decoration:none; }
A:link { color:#3366ff; }
A:visited { color:#3366ff; }
A:active { color:white; }
A:hover { color:black; background-color:aqua; }
A.alter:link { color:white; }
A.alter:visited { color:white; }
-->
</style>
としておき、
<a class="alter" href="ＵＲＩ">該当するリンク</a>
のように記述します。
質問者 mmm  [削除]  投稿日 5/10(木) 16:02:34
しあわせのツボさん、有難うございます。
教わった通りやってみましたら出来ました。

a class="alter"
これで任意の範囲を指定しているんですよね？

本当に素早い対応をして下さって嬉しいです。
有難うございました。

返信(回答)する

Ｗｅｂ裏技