• ベストアンサー

スタイルシートでリンク色の指定方法

<div style=""> [<a href="http://okwave.jp/">OKWave</a>] [<a href="http://okwave.jp/">OKWave</a>] [<a href="http://okwave.jp/">OKWave</a>] [<a href="http://okwave.jp/">OKWave</a>] [<a href="http://okwave.jp/">OKWave</a>] </div> ↑のようにclassを使わないでstyleで囲った部分のリンク色を一括で変更したいのですが、style=""の中にどのように書けばいいのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

そこのリンクだけなのか そのページ内のリンクなのか判らないけど aで個々個々に指定する以外無いと思うよ 全てのaを変化させる方法は「styleタグ」やcssファイル内で指定する事(それは判っているかもしれないけど) http://www.tohoho-web.com/css/reference.htm#link レンタルブログとかでcssは指定できないけどタグのstyle属性なら・・・ って話なら上記通り、aに1つずつ書くしか無いよ

yuutoOK
質問者

お礼

有難うございます。理由があってslassやidは指定出来ませんので、 一つずつ以下のように書いてみました。これでよろしいでしょうか。 <a href="http://okwave.jp/" style="color:white;">OKWave</a>

その他の回答 (4)

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.5

もう一つ ちょっと邪道っぽいけど普通はそうするかなって方法 head内に書かれていて読み込まれているcssを書き換える事 書き換えるというか書き足す かな。 そうすれば自分で定義したidだろうがclassだろうが使い放題。 ただし、head内で既存styleタグが無いようならどうにもならない… http://www.tohoho-web.com/css/reference.htm#import

yuutoOK
質問者

お礼

有難うございます。

  • goulan
  • ベストアンサー率46% (23/50)
回答No.4

><head>から</head>の間にタグを記述することが出来ない スタイル指定出来ないことはないです。ただし、邪道です。html文法無視するのです。ですから、お勧めは出来ませんし、止めた方が良いというか、やめてくださいと言いたいです;;;(だったら言うなよとか言わないで下さい;;) <html> <body> <style> div#A a:link{ color: #ff0000; } </style> <div id="A"> <a href="http://">****</a> </div> </body> </html> body 子要素の <style> - </style> は表示されず、スタイルは適用されます。これはUAの(勝手な)拡大解釈であって、本来やってはいけない事です。文書型、UAによってはソースが表示される場合もあります。ご注意下さい。 同じような質問が過去にあります。御参照ください。

参考URL:
http://oshiete1.goo.ne.jp/qa2859226.html
yuutoOK
質問者

お礼

参考になる情報ありがとうございます。正しい文法でいこうと思います。

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.3

> <head>から</head>の間にタグを記述することが出来ないため、 body内になら書けるなら、また一部ブラウザで反映されなくても構わないなら、body内にstyle要素を書いてもいいかと。 自動的に改行される仕様(<br>が自動的に入る)の場合、 <style type='text/css'><!-- class名 a:link{color:#000000;} class名 a:hover{~ と、改行せずに1行で書く必要があります。

yuutoOK
質問者

お礼

有難うございました。

  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.2

そういうやり方は無理だと思いますけど。 <div style="">だと、あくまでそのdiv要素だけのスタイルを指定するものだから。 ClassやIDを使わないでとなると、以下のようにやれば出来るけど、 <style> <!-- div a {color:red;} --> </style>

yuutoOK
質問者

お礼

有難うございます。理由があって<head>から</head>の間にタグを記述することが出来ないため、試行錯誤しておりました。一括変更は諦めるしかないようですね。

関連するQ&A