No.1ベストアンサー
- 回答日時:
まずは、cssの書き方ですが・・・
インラインで書く場合、a:link { font-size: 99 }という様な書き方はしません。
この様な書き方は、headタグ内又は外部ファイルの場合になります。
インラインと言うのは<div style="padding:3px; text-align:right;">などの書き方をいいます。
a要素のcssを指定したい場合かつhtmlに直接記入するには、headタグ内に下記の様に書くしか無かった気がします。
<style type="text/css">
<!--
a:link { color: #0000ff; }
a:visited { color: #000080; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }
-->
</style>
そもそも、インラインで書くと後々面倒だと思いますけど・・・
koooooooolさん、ご返信ありがとうございます。
私も、たぶん無理なんだろうなぁと、うすうす感づいていたところです。。。
まあ、無理なら無理で仕方がないけど、念のため確認してみようと、質問に参ったわけです。
さて、無理という確認がとれて気持ちがスッキリしたところで、いさぎよく代替手段を検討します!
No.3
- 回答日時:
> さて、無理という確認がとれて気持ちがスッキリしたところで、いさぎよく代替手段を検討します!
目的は何でしょうか?
もし目的が「特定のリンクだけスタイルを変更したい」ということなら、class属性と複合させることで対応できます。
<style type="text/css">
a.test:link { color: green; }
a.test:visited { color: #000080; }
a.test:hover { color: yellow; }
a.test:active { color: #ff8000; }
</style>
<a class='test' href='#'>test</a>
think49さん、ご返信ありがとうございます。
目的はそのとおりです。
しかし<head>タグは共有部分としてリテラルで作成してしまったため、修正したくないという思いがあります。
そこでタグ内に直接スタイルを埋め込むという方針にしました。
しかし代替手段は思い浮かばなかったので
結局No.2abrilさんの回答にもあるように、
<a href="#" style="font-size: 99">リンク部分</a>
のように妥協しました。
No.2
- 回答日時:
> <table style="A:link { font-size: 99 }">
この書き方は何もかも間違ってますね。
・a要素に対するスタイルをtable要素のstyle属性に指定している。
・style属性として記述する場合はstyle="~"の中は、単にダイレクトに各プロパティの指定をセミコロンで並べなくてはだめ(つまり外部スタイルとしてまとめる場合の{ ~ }の中だけを直接記述するという事)。
・style属性として記述する場合は、疑似要素":link"等は指定できない。
CSSもHTMLも決まり事によって動いている世界ですから当てずっぽうはNGです。ちゃんとルール(文法)を調べてから試みましょう。すぐ調べられる事ですから。
ちなみに、a要素に対するスタイルを、style属性として各タグ毎に記述したいのであれば、以下の様にしかできません。
<a href="#" style="font-size: 99">リンク部分。疑似要素は指定できないので、リンクの操作状態(訪問済・未訪問・マウスオーバー・クリック中)に関わらず常にこのスタイルが適用されるのみ。</a>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS プログラムの関連性を教えて下さい。 1 2023/07/19 03:50
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
特定の文字のみcssを適用するに...
-
文字の位置、上下のマージンが...
-
リンク文字
-
上付き文字と下付き文字を同時...
-
API Sleep関数について
-
リストの前後の行間をなくす方...
-
HTMLの効力が発動しない!
-
HTMLとCSSの違い
-
テキストファイルの行を指定し...
-
CSSでfont-size、pxの絶対値、...
-
a:hoverの下線指定が反映されない
-
CSSを一部無効にしたい
-
行間隔を無くす方法
-
Excel VBA メール作成について ...
-
html,cssでスマホとパソコンで...
-
Htmlとcssの勉強のため手書きで...
-
テキストエリア内の文字の装飾
-
iframe 文字化け
-
CSSでhタグのフォントの大きさ...
-
IE8でhタグの行間が詰まること...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
上付き文字と下付き文字を同時...
-
background-color: #ddd;の意味...
-
<pre>のフォントサイズを指定す...
-
指定の文字だけ色を変える
-
CSSを一部無効にしたい
-
fontサイズ指定の ”-(マイナ...
おすすめ情報