HTML5フォームのセレクタとCSSのエラー処理 | Web標準Blog | ミツエーリンクス

Firefox Hacksに、HTML5フォームに関する記事が掲載されています。新しいinputタイプや、フォームとコントロールの分離、値のvalidationについての紹介など、盛り沢山な内容になっています。 Firefox 4: HTML5 Forms さて、記事の中に「New CSS selectors」というセクションがあります。HTML5仕様では、いくつかの新しいフォーム関連セレクタ（擬似クラス）が定義されているのですが、記事では検証に関わる:requiredや:valid, :invalid、およびinput, textareaのplaceholder属性のスタイルを変更するセレクタを紹介しています。 HTML5仕様では、プレースホルダのスタイルを変更することに関しては何も言及がありません。そこで、WebKit, Geckoはそれぞれ固有拡張として::-webkit-input

[rikuba]

「プロパティであれば、不正であってもそのプロパティだけが無視されるだけで済みますが、セレクタではルールセット自体が無視される」Selector Level 3 §5

[hashimoya]

mozやwebkitの独自拡張セレクタをまとめ書きすると悲劇が起こる話。絶対やる自信があるので、原因の一つとして頭にとどめておこう…

[teppeis]

「これは、Geckoでは-webkit-な擬似要素が、WebKitでは-moz-な擬似クラスが不明のセレクタと認識されパースされず、結果としてそのあとのブロック全体が無視されてしまうからです。」