2014/04/16W3Cのドラフトによると、HTMLに直接指定するインラインCSSで疑似要素が使えるんだそうです。びっくりしたので一連の流れを調べて簡単にまとめてみました。twitterfacebookhatebugooglepluspocketlineCSSを書く上で、HTML/XMLにstyle属性を使ってインライン記述するのはメンテナンス上あまり好ましくありません。やむを得ず使うこともあるので、一通りの仕様は押さえておきたいところです。そんな折、インラインスタイルでも疑似要素が使えるらしいという記述を見て驚いたので調べてみました。TRのドラフト翻訳を見てたらびっくり案件が載ってました。CSSのインラインスタイルで疑似要素が使えるそうです。この仕様がその属性の構文と解釈を規定します。ここでいくつか例を示しましょう。擬似要素や擬似クラスを使わず、要素自体のプロパティのみを設定する。必要になる点に注意してください。;゚Д゚)))...あ、中括弧で中をくくるわけですね。そんなインラインCSSの実例コードを見たことないけど...?びっくりして英語版を読みに行ったら、やっぱりインラインスタイルには「中括弧を使って疑似要素を指定する」と書いてあります。case:ふぇぇぇぇぇ、マジっすか。インラインスタイルで疑似要素が動くかテストする自分の行動範囲で実例を見たことがないだけで、実は実装されてるのかも知れません。ドラフトに載ってたソースを実際にHTMLに起こしてブラウザで読み込んでみました。#900}">これはインラインCSSの動作デモです</p>これが動けば、パラグラフの文字色が緑で最初の文字だけ赤くなるはずです。–>...動かねぇじゃん。2013】を確認しにいくことにしました。該当のインラインスタイルに関する項目を確認します。́)色々ぐぐったところによると、実装されないまま保留になってた案件が、今は正式に削除されたようです。少なくとも2007年くらいまではうやむやになってたことを確認しました。関連情報を調べてる最中に「近年の日付による肯定発言」をいくつか見かけたので、2014年時点の現状として記録しておきます。見るおち研についておち研は日常を雑学する野良研究所です。お探しの記事がありましたら検索窓や過去記事一覧もお試し下さい。Mizuki花鳥風月をこよなく愛する体育会系。趣味はバラバラに見えて科学繋がりです。人気かも知れない記事チョコレートをレンジでチンして光の速さを計算してみる313users「電気を食べて生きる微生物」の何がスゴイか判らない全ての人へ!212users槇原敬之「もう恋なんてしない」の文法がおかしいと言われる件。コメントをキャンセルメールアドレスは開示されません。エラーが出たら違うCaptchaコードもお試し下さい。