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の構文エラーにはなるし、いくつかのブラウザでレイアウト崩れを起こす可能性もある。

下記のような感じだね。

  1. <html>
  2. <head></head>
  3. <body>
  4.  
  5. <a href=”#” style=”:hover {background: #00f}”>xxxxxxxxx</a>
  6.  
  7. <style type=”text/css”>
  8. a:hover{background:red}
  9. </style>
  10.  
  11. </body>
  12. </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要素をオブジェクトじゃなくて、配列で受け取りたい