github, top, Attribute Selector Tests, Detect completion of CSS loading(With Ruler), Detect completion of CSS loading, Detect completion of image loading, Clearfix, Finding the best CSS hacks for SVG fonts, Test CSS Generated Content, CSSOM, Data URI'ed Web fonts, Interaction of form components, Test Dynamic Script, フォーム部品の実装状況, アイコンとスプラッシュ画面のテスト, import hack, Javascript 実装状況と深刻なバグ, RichLinkのテスト, white space のテスト

属性セレクタのテスト結果

1. [attr]2. [attr="value"]3. [attr~="value"]4. [attr|="value"]5. [attr^=value]6. [attr$=value]7. [attr*=value]
IE ~6×
IE 7~
Opera 7.0~7.11〇(*1)〇(*1)〇(*1)×(*2)×
Opera 7.2x×(*2)×
Opera 7.5x~8.5x×
Opera 9.0~
Gecko 0.6~0.7×
Gecko 0.8.1~
PSP NetFront×××
  1. 文書作成者が独自に定義した属性は不可
  2. ブラウザがクラッシュするので一部の CSS を削除してテスト

属性セレクタのテスト

  1. [lang] 属性を持つ

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US"

  2. [lang="en"] 完全一致

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US"

  3. [lang~="en"] 空白区切りの語のリストの中で完全に一致するものがある

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US", lang="en en-US"

  4. [lang|="en"] lang という名前の属性の値が正確に en と一致するか、 en で始まり直後にハイフン (- (U+002D)) が続く要素を表します。

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US"

  5. [lang^=en] valude で始まる

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US"

  6. [lang$=en] valude で終わる

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US"

  7. [lang*=en] en を含む

    lang, lang="", lang="en", lang="en-US", lang="multi en en-US"

独自に定義した属性でテスト

  1. [attr] 属性を持つ

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1"

  2. [attr="value"] 完全一致

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1"

  3. [attr~="value"] 空白区切りの語のリストの中で完全に一致するものがある

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1", attr="value value-1"

  4. [attr|="value"] attr という名前の属性の値が正確に value と一致するか、 value で始まり直後にハイフン (- (U+002D)) が続く要素を表します。

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1"

  5. [attr^=value] valude で始まる

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1"

  6. [attr$=value] valude で終わる

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1"

  7. [attr*=value] value を含む

    attr, attr="", attr="value", attr="value-1", attr="multi value value-1"