[解決済み] インラインCSSでa:hoverを記述するには？

質問

インラインでCSSを記述しなければならないケースで、アンカーにホバースタイルを適用したいのですが、どうすればよいですか？

どのようにすれば a:hover をHTMLのstyle属性の中にインラインCSSで記述することはできますか？

例：HTMLメールにCSSのクラスを確実に使用できない。

解決方法は？

簡単に言うと、「できない」です。

長い答え：しないほうがいい。

クラス名やIDを与え、スタイルシートでスタイルを適用する。

:hover は擬似セレクタであり CSS は、スタイル・シートの中でしか意味を持ちません。インラインスタイルに相当するものはありません（選択基準を定義していないため）。

OPのコメントへの返答。

参照 JavascriptでCSSを完全制覇する には、CSSルールを動的に追加するための良いスクリプトがあります。また スタイルシートの変更 には、このテーマに関するいくつかの理論が紹介されています。

また、オプションで外部スタイルシートへのリンクを追加できることも忘れてはならない。たとえば

<script type="text/javascript">
  var link = document.createElement("link");
  link.setAttribute("rel","stylesheet");
  link.setAttribute("href","http://wherever.com/yourstylesheet.css");
  var head = document.getElementsByTagName("head")[0];
  head.appendChild(link);
</script>

注意: 上記は、(1)と(2)の間に ヘッド セクションを作成します。