IE7でE[foo^=”bar”]とかはほぼ対応しています
2007年4月16日
CSS Happy LifeさんのCSSセレクタ簡易対応表を見て「おやっ？」と思った部分がありました。
CSS3で定義されているE[attribute^=value]などの内包テキストマッチング属性セレクタってIE7に対応してませんでしたっけ？気になったので調べてみました。
IE Blogに次のような一節があります。
we also added support for CSS 3 attribute selectors: prefix, suffix and substring.
このことからIE7ではE[foo^=”bar”]のようなテキストマッチング型の属性セレクタはサポートしているということわかります。しかしながら完璧にサポートしているというわけではありません。
IE 7 正式版を含む各種ブラウザの CSS Selectors testsuite の検証結果のまとめにもあるように、IE7でも多少のバグがある模様。でもFirefox並みにかなりの部分まで健闘しているようです。
注意しなければいけない点は、これらE[foo^=”bar”]などはIE7の標準準拠モードでないと適用されないと言う点です。Quirksモードでは適用されません。
結論
- E[foo^=”bar”]
- E[foo$=”bar”]
- E[foo*=”bar”]
上記3つの属性セレクタはIE7でほぼサポートされている。(Quirksモードでは適用されない)
IE6のシェアがまだまだ大部分ですので、自由に使えるようになるのはもう少し先の話でしょうけど、IE7でほぼサポートされているということは頭のどこかに覚えておいてもいいかもです。
参考サイト
現在、この記事へのトラックバックは受け付けていません。
- hira - 2007.04.16 -AM 9:16
ご指摘ありがとうございます～、修正しておきました。
エントリー前のチェックが甘かったと反省しております。ありがとうございました。
- A.Kawashima - 2007.04.16 -PM 8:30
>hiraさん
こんにちは。はじめまして。
いつも参考にさせて頂いております。いえいえ、こちらとしてもあやふやだった属性セレクタの部分がスッキリしたので良かったです(笑)このようなきっかけを与えてくださったエントリーに感謝です。
- Links
