css - IE8 の連鎖疑似セレクター

Question

Windows XP の IE8 では、チェーンされた疑似セレクターが機能しないようです。これに関するドキュメントはありますか？

CSS3 セレクターを使用するために Selectivizr を使用して Web サイトを開発していますが、このようなスタイルは IE8 では機能しませんが、他の場所では (当然のことながら) 機能します。

span:last-child:after {content: "foobar";}

Answer 1

これはバグではなく、セレクターがネイティブに一致しないことが原因です。

単純なセレクターは、タイプ セレクターまたはユニバーサル セレクターのいずれかであり、その直後に 0 個以上の属性セレクター、ID セレクター、または疑似クラスが任意の順序で続きます。すべてのコンポーネントが一致する場合、単純なセレクターは一致します。

この場合の単純なセレクターはspan:first-child、IE8 でネイティブに一致する か、一致しない のいずれかspan:last-childです。

チェーンの最後の単純なセレクターに 1 つの疑似要素を追加できます。この場合、スタイル情報は各サブジェクトのサブパートに適用されます。

:afterへの追加は一致しspan:first-childますが、への追加は一致しません。Selectivizrspan:last-childはポストプロセッサであるため、その日を救うには遅すぎます。おそらく、プリプロセッサの方がうまくいくでしょう。