インライン CSS で 'a:hover' を書くにはどうすればいいですか? 質問する

インライン CSS で 'a:hover' を書くにはどうすればいいですか? 質問する

インライン CSS コードを記述する必要があり、アンカーにホバー スタイルを適用したい場合があります。

a:hoverHTML スタイル属性内でインライン CSS を使用するにはどうすればよいですか?

たとえば、HTML メールで CSS クラスを確実に使用することはできません。

ベストアンサー1

簡単に答えると、それはできません。

長い答え:そうすべきではありません。

クラス名または ID を指定し、スタイルシートを使用してスタイルを適用します。

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

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>

注意:上記は、セクション。

おすすめ記事