A:link等の指定をstyle属性でタグへ埋め込みたい

Question

CSSで、
A:link
A:visited
A:active
A:hover
の指定をする際、別ファイルのスタイルシートを読み込む等の方法ではなく、
style属性を使って直接タグ内へ埋め込むことはできるのでしょうか。
例えば、
<table style="A:link { font-size: 99 }">
のような使い方をしたいのですが・・・うんともすんともです・・・

kooooooool · Accepted Answer

まずは、cssの書き方ですが・・・インラインで書く場合、a:link { font-size: 99 }という様な書き方はしません。この様な書き方は、headタグ内又は外部ファイルの場合になります。インラインと言うのは

などの書き方をいいます。 a要素のcssを指定したい場合かつhtmlに直接記入するには、headタグ内に下記の様に書くしか無かった気がします。そもそも、インラインで書くと後々面倒だと思いますけど・・・

think49 · Answer

> さて、無理という確認がとれて気持ちがスッキリしたところで、いさぎよく代替手段を検討します！

目的は何でしょうか？
もし目的が「特定のリンクだけスタイルを変更したい」ということなら、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>

abril · Answer

> この書き方は何もかも間違ってますね。・a要素に対するスタイルをtable要素のstyle属性に指定している。・style属性として記述する場合はstyle="～"の中は、単にダイレクトに各プロパティの指定をセミコロンで並べなくてはだめ（つまり外部スタイルとしてまとめる場合の{ ～ }の中だけを直接記述するという事）。・style属性として記述する場合は、疑似要素":link"等は指定できない。 CSSもHTMLも決まり事によって動いている世界ですから当てずっぽうはNGです。ちゃんとルール（文法）を調べてから試みましょう。すぐ調べられる事ですから。ちなみに、a要素に対するスタイルを、style属性として各タグ毎に記述したいのであれば、以下の様にしかできません。リンク部分。疑似要素は指定できないので、リンクの操作状態（訪問済・未訪問・マウスオーバー・クリック中）に関わらず常にこのスタイルが適用されるのみ。

A:link等の指定をstyle属性でタグへ埋め込みたい

まずは、cssの書き方ですが・・・

> さて、無理という確認がとれて気持ちがスッキリしたところで、いさぎよく代替手段を検討します！

> <table style="A:link { font-size: 99 }">

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング