html5の scoped

WordPressで記事毎のCSSを記述する方法には、カスタムフィールドやプラグインを利用するのが一般的とされてきた。

しかし、そのstyleを再利用するつもりが無くて、かつ、html5のstyle要素に新たに加えられたscoped属性をブラウザがサポートすれば、エディタ欄にstyleを直接書き込めば良いはずだ。

とは言え、現時点ではFirefox4.0.1もChrome12でもサポートしていない。仕方が無いので、当該ブロックにIDを記入して、子孫セレクタを使う方法でspanを赤丸にし、scopedに頼る方法でpのbackgroundを緑にしておく。ブラウザがstyle要素のscoped属性をサポートすれば、下記ブロック内だけでpの背景色が緑になるが、そうでなければ、このエントリーでは、全てのpの背景色が緑になってしまうだろう。

現状では季節外れのクリスマスの様になってしまうなあ。

カテゴリー: css, html5, wordpress タグ: , , パーマリンク

シェア

html5の scoped への4件のフィードバック

  1. GO のコメント:

    WindowsXPユーザーですが、
    Firefox5.0だと赤い丸になってますが、
    IE7で見ると赤い四角になってます(大きな1つの長方形の中に文字が並んでいる)。
    戦車が怖くて赤いきつねが食えるか! (意味なし)

  2. ksk のコメント:

    >IE7で見ると赤い四角になってます
    IE7ではサポートしていないCSSを使っているからです。
    このサイトのほとんどの記事だけでなく、サイト自体のデザインも、IEを(あえて)無視しています。
    IE=インターネットと思っている人や、ブラウザって何?という人に向けたサイトではないので。

    #ところで「あの花」は良かったです。「となドラ」はやばかったです(悪い意味で)。

  3. GO のコメント:

    素人がつまらない質問してすみませんでした。
    削除願います。

  4. ksk のコメント:

    特に削除はしません。今後も気楽にコメントして下さい。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA