a:hover(擬似要素)とかをタグに直書きしたい

2010/10/27

擬似要素・疑似クラス（a:hoverやa:visitedとか）をタグのstyle属性に記述する方法。

HTMLだけでは無理らしい。
Javascriptとか絡ませるといけるっぽい。

「HTML の “style” 属性における CSS 規則の構文」ってのにのってたんだけど草案で実装はされていない感じ。
※ひょっとしたら特定のブラウザがNGもしくはOKって感じかもしれない。

<a href=”http://www.w3.org/”
　　　　　　　style=”{color: #900}
　　　　　　　:link {background: #ff0}
　　　　　　　:visited {background: #fff}
　　　　　　　:hover {outline: thin red solid}
　　　　　　　:active {background: #00f}”>…</a>

style属性が使えないんならstyleタグ（？）を<body>内に入れるという手法もある。
※HTMLの構文エラーにはなるし、いくつかのブラウザでレイアウト崩れを起こす可能性もある。

下記のような感じだね。

<html>
<head></head>
<body>
<a href=”#” style=”:hover {background: #00f}”>xxxxxxxxx</a>
<style type=”text/css”>
a:hover{background:red}
</style>
</body>
</html>

新着（ニュース関連以外）

2018-07-26

年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。

2018-05-16

PHPで画像のヘッダ情報（？）の「Orientation」を元に画像回転させたい。

2018-03-05

Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。

2018-02-23

プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。

2017-12-13

jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい

新着（ニュース関連以外）

ニュース関連の新着

タグ