- ベストアンサー
スタイルシートでリンク色の指定方法
<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=""の中にどのように書けばいいのでしょうか？
- yuutoOK
- お礼率97% (37/38)
- HTML
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
そこのリンクだけなのか そのページ内のリンクなのか判らないけど aで個々個々に指定する以外無いと思うよ 全てのaを変化させる方法は「styleタグ」やcssファイル内で指定する事(それは判っているかもしれないけど) http://www.tohoho-web.com/css/reference.htm#link レンタルブログとかでcssは指定できないけどタグのstyle属性なら・・・ って話なら上記通り、aに1つずつ書くしか無いよ
その他の回答 (4)
- SAYKA
- ベストアンサー率34% (944/2776)
もう一つ ちょっと邪道っぽいけど普通はそうするかなって方法 head内に書かれていて読み込まれているcssを書き換える事 書き換えるというか書き足す かな。 そうすれば自分で定義したidだろうがclassだろうが使い放題。 ただし、head内で既存styleタグが無いようならどうにもならない… http://www.tohoho-web.com/css/reference.htm#import
お礼
有難うございます。
- goulan
- ベストアンサー率46% (23/50)
＞<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によってはソースが表示される場合もあります。ご注意下さい。 同じような質問が過去にあります。御参照ください。
お礼
参考になる情報ありがとうございます。正しい文法でいこうと思います。
- goldfox
- ベストアンサー率49% (123/249)
> <head>から</head>の間にタグを記述することが出来ないため、 body内になら書けるなら、また一部ブラウザで反映されなくても構わないなら、body内にstyle要素を書いてもいいかと。 自動的に改行される仕様（<br>が自動的に入る）の場合、 <style type='text/css'><!-- class名 a:link{color:#000000;} class名 a:hover{～ と、改行せずに1行で書く必要があります。
お礼
有難うございました。
- dezimac
- ベストアンサー率56% (2365/4208)
そういうやり方は無理だと思いますけど。 <div style="">だと、あくまでそのdiv要素だけのスタイルを指定するものだから。 ClassやIDを使わないでとなると、以下のようにやれば出来るけど、 <style> <!-- div a {color:red;} --> </style>
お礼
有難うございます。理由があって<head>から</head>の間にタグを記述することが出来ないため、試行錯誤しておりました。一括変更は諦めるしかないようですね。
関連するQ&A
- スタイルシートで一部分だけ リンクの色を変えたい
CSSでリンクの色をかえるのにa:link{} a:visited{} などを使っています。別の場所にCSSファイルを作って使っています。 ページに多数存在するリンクのうち、一部分だけ色を変えたいときはどうすればいいでしょうか？ <divc class=""></div>などでは無理ですよね body内に直接記述するしかないのでしょうか？
- ベストアンサー
- HTML
- スタイルシートのリンクの色のついて教えてください
ＦＣブログのテンプレートをカスタマイズしているのですが、 リンクの色の設定でつまいずいてしまっています。 変えたいのは「記事のタイトル」の色なんですが、どうにもうまくいきません。 記事のタイトルはリンクになっているのでリンクの色を変えればよいんですが、 記事の部分の色だけを変えるというのができません。 タイトルの部分だけ部分的に変えるために次の設定を試みたがうまくいきません。 （他のパートの部分は下の設定で部分的に変えられました） スタイルシート .perple a { text-decoration: none; color: #F00783; } html部分 <span class="perple"> <h3 class="entrytitle" style="text-align:<%plugin_third_talign>"><%plugin_third_title></h3> </span> 実際にＦＣ２ブログで「記事のタイトル」の色だけ変えることができたかたがいましたら どうぞご教授おねがいします。 ちなみにテンプレートは「simplest03_3c 」ですが構造的にはたぶんほかのテンプレートとあまり変わりないとおもいます。
- ベストアンサー
- CSS
- スタイルシートでリンクターゲットの指定
<a href="" target="_blank"> スタイルシート(class)で上記のようにリンクターゲットを指定することは可能なのでしょうか？ 文法チェックでは、「<A> の属性 `TARGET` はあまり薦められない属性です」とあります。ですので、スタイルシートで指定できればと思っています。
- ベストアンサー
- その他（プログラミング・開発）
- スタイルシートの外部リンク方法は間違っていますか？
外部ＣＳＳファイルからＨＴＭＬファイルへリンクしてみましたが 文字化けの羅列になります ページのレイアウトの枠組みなのですが homepageフォルダにindex.html style.cssの2つのファイルを作成し style.cssのファイルの中に body { text-align:center; } #outline { width:750px; text-align:left; margin:0 auto; } .outline-margin { margin:0 10px; } .main { width:480px; float:right; } .side { width:260px; float:left; } .c-both { clear:both; } と記述しtext2.cssと名前を付けたカスケードスタイルドキュメントを入れてあります これをＨＴＭＬに <html> <herd> <link rel="styleseet" href="style.css" type="text2.css"> </herd> <div id="outline"> <div class="header"> タイトルなど </div><!-- end header --> <div class="outline-marign"> <div class="main"> メインスペース </div><!-- end main --> <div class="side"> サイド </div><!-- end side --> <div class="c-both"><br></div> </div><!-- end outline-marign --> <div class="footer"> フッターなど </div><!-- end footer --> </div><!-- end outline --> </html> のように記述しました リンク方法はこれで間違えていますでしょうか？ ブラウザで見ると文字化けの羅列です ＣＳＳをＨＴＭＬに組み込むときちんと表示されるのでブラウザの問題ではない初歩的ミスだと思うのですが 御教授お願い致します
- ベストアンサー
- その他（インターネット・Webサービス）
- 訪問済みリンク色を設定したいが難易度高いです
以下のHTMLのハイパーリンクになってる文字列に対し、「訪問済みリンク色（a:visited）」だけ新たに設定したいです。 現在はすべて文字色は赤で、訪問済みリンクであっても色は赤のままです。それを訪問済みリンクなら青になるようにしたいです。 ブラウザの設定で変更する方法ではなく、CSSで変更したいです。 <body>タグの中は「一切いじれない状態」なので、<body>の外部に新たにcssを書き、そこから色を変更したいですが、ハイパーリンクの文字列は、タグの挟まれ方の種類が以下のとおり(5)種類あります・・・ <a>タグは、<a href="http://*" class="title">と<a href="http://*"> の(2)種類、 他にも<span>や<strong>の位置が違ってたりしますが、<body>の中はいじらずに訪問済みリンク色だけ変更することは可能でしょうか？ <body> <div class="blogbody"> <div class="text"> ■文字列(1) <li><span style="color: red"><a href="http://*"><strong><span style="color: red">文字列(1)</span></strong></a><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(2) <li><a href="http://*" class="title"><strong><span style="color: red">文字列(2)</span></strong></a>DATE</li> ■文字列(3) <li><a href="http://*" class="title"><span style="color: red"><strong>文字列(3)</strong></span></a><span style="color: red"><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(4) <li><a href="http://*"><span style="color: red"><strong>文字列(4)</strong></span></a><span style="color: red"><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(5) <li><a href="http://*"><strong><span style="color: red">文字列(5)</span></strong></a>DATE</li> </div> </div> </body>
- ベストアンサー
- HTML
- 特定の訪問済みリンクのみのスタイル指定
<a href="http://oshiete.goo.ne.jp/">教えて</a> というHTMLリンクがあるとします。 このaタグに対して、 A:visited{color:#000000;} のように通常訪問したリンクは黒文字で、というスタイルを書いたとします。 このHTMLに下記のようにクラスを指定して、 <a href="http://oshiete.goo.ne.jp/" class="futoji">教えて</a> このクラスがある訪問済みリンクだけ、太字にする、というスタイルは、どのように表記したらよいですか？ .futoji {font-weight: bold; } はわかりますが、訪問していない場合は太字にしたくないのです。 また、上記の表現ができる場合、太字でなおかつ色を灰色#999999にする、という指定はできますか？A:visited{color:#000000;}で指定してしまっているので、色に関してはやはり無理なのでしょうか。 条件； ・訪問前のリンクはクラス指定があってもなくてもどれも同じように見えて、 ・訪問後はクラス指定がないかぎり共通した色を指定し、 ・訪問後にクラス指定のあるリンクだけ、特定のスタイルや色を適用させたい お手数ですが、お分かりの方、おしえてください。よろしくお願いいたします。
- ベストアンサー
- CSS
- リンクだけが指定にない色になります。
テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色（青）になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 （powermacＧ4/OS9/IE5/NN4.7/Jedit4.0）
- ベストアンサー
- HTML
- 「同じページ内にリンクする」で、リンク先にスタイルシートのid="st
「同じページ内にリンクする」で、リンク先にスタイルシートのid="style"があった場合、どのように対処すれば良いのでしょうか？ よろしくお願いします。 「同じページ内にリンクする」とは リンク元（出発点） <a href="#a">Ａの位置へ移動</a> リンク先（到達点） <div id="a">ここがＡの位置</div>
- ベストアンサー
- ブログ
- スタイルシートでサイト作り
現在サイトをスタイルシートを使って作ってます。 まだまだ本＆辞書片手に勉強中の初心者です。 幅４５０px高さ１００％中央配置のテーブル内に ヘッダー部分に４５０px × １３０pxの画像 その左下にメニューバー 右にコンテンツ を作りたいと思います。 メニューバーは 幅１２８ｐｘ 高さ１００％です。 本を見ながらアレンジして作りました。次の通りです。 /* === サイドバー部分のスタイル === */ .side {width:128px; vertical-align:top; padding:0px; background-color:#999999} .side div {font-size:12px; font-weight:bold; letter-spacing:3px; border-bottom:solid 1px white} .side a {color:#333333; text-decoration:none; display:block; padding-top:5px; padding-bottom:5px; padding-left:13px} .side a:hover {color:ffffff; background-color:#666666} <!--=== サイドバー部分のソース ===--> <td class="side" rowspan="5" valign="top"> <div><a href="link.htm">about</a></div> <div><a href="link.htm">contents</a></div> <div><a href="link.htm">blog</a></div> <div><a href="link.htm">bbs</a></div> <div><a href="link.htm">link</a></div> </td> リンクにふれると色が変わるのが気に入ってます。 この「link」の下にコメントとリンクを入れたいんですが 「拍手」ボタン <form>・・・</form> 「返事はこちら」 というコメント（「こちら」部分がリンク） をセルで囲って、画面下までのばしたいです。 いろいろ試したんですが、新しく作ったセルが横に並んだり <side>の a の影響を受けてしまったりして思ったように出来ません。 どうぞ御指南お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 特定のテキストにリンク
特定のテキストにリンク javascriptで、html内に出てくる特定のテキストに<a>をつけてリンクさせるには、どのようにすればよいでしょうか。 例えば、 <div class="contents"> <p>私は都庁に行きます。</p> <p>私は上野にも行きます。</p> </div> とあったら、 <div class="contents"> <p>私は<a href="http://www.metro.tokyo.jp/" target="_blank">都庁</a>に行きます。</p> <p>私は<a href="http://www.ueno.or.jp/">上野</a>にも行きます。</p> </div> といった感じです。 このclass（id）の中の、この単語（テキスト）といった指定ができると良いです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
お礼
有難うございます。理由があってslassやidは指定出来ませんので、 一つずつ以下のように書いてみました。これでよろしいでしょうか。 <a href="http://okwave.jp/" style="color:white;">OKWave</a>