spanタグにリンクスタイルを指定

[新着] Webテンプレートを仮オープンしました



0   名前: DESIG : 2005/08/07 06:44
<span style="">
spanタグを使用し1ページ内に複数のスタイル指定したいのですが、
リンクのスタイルの指定方法が分かりません。
<span style="A:visited: #AAAAAA">
というように指定しているのですが、反映されないのです。

1   名前: 通りすがり : 2005/08/07 06:44
<span style="A:visited: #AAAAAA">
意味不明な書き方です。
style属性は「当該要素のスタイル情報を指定する」ものです。
そう言う時はclassを使って指定します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="ja">
<head>
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">
<!--
a.no1:link {color: #aaaaaa;}
a.no1:visited {color: #aaaa00;}
a.no1:hover {color: #aa00aa;}
a.no1:active {color: #aa0000;}
a.no2:link {color: #000000;}
a.no2:visited {color: #0000ff;}
a.no2:hover {color: #00ff00;}
a.no2:active {color: #ff0000;}


-->
</style>
</head>
<body>
<a class="no1" href="〜〜〜〜〜">〜〜〜</a>

<a class="no2" href="〜〜〜〜">〜〜〜〜</a>

</body>
</html>

2   名前: DESIG : 2005/08/07 06:44
classを使ってスタイルを指定する方法は知っていたのですが、
JavaScript等から直接スタイルを指定する方法はないものかと考えていました。

<span style="font-size : 12pt">
このようにフォントのスタイルを変更することはできるので
同じようにリンクにも使えないかな・・・と。

3   名前: 通りすがり : 2005/08/07 06:44
最初の投稿には一文字もjavascriptの事について書いてありませんが・・・・
質問内容を小出しにするのは勘弁してください。

4   名前: phpinfo() : 2005/08/07 06:44
><span style="font-size : 12pt">
フォントサイズを絶対値にするのは、アクセシビリティー上望ましくありません。

##「トンデモ」な「ホームページ入門」のCSS解説には、font-sizeの絶対値指定を
「デザインが崩れない」と謳って勧めているのもありますが信用してはいけません。

5   名前: jj : 2005/08/07 06:44
<a style="color: hoge;"></a>なら指定できますが,<span>には無理でしょう。
しかもstyle属性に擬似クラスを設定するのは,一応方法があるのですが,ブラウザが対応してないような。(記憶違いだったらごめんなさい)

JavaScriptから指定したいのなら,クラス名を指定してみてはどうでしょう。

関係ないですが,フォントサイズはemを使うといいと思いますよ。

一覧へ戻る