IE、Firefox、Safari、OperaのCSSに関する互換性

:not

　この疑似クラスは、特定のスタイルを適用する際、指定した要素をそこから除外するものだ。以下の例では、セレクタで<div>の内部のすべての要素に対してスタイルを適用するが、<p>要素は例外とすることを指定している。つまり、リスト要素に対してはフォントにSans-Serifのイタリック体を指定するが、パラグラフ要素は除く。

　このコードも、FirefoxとSafariでのみ動作した（以下の図を参照のこと）。

　疑似クラスはCSSの重要な側面であり、要素の振る舞いを指定することでウェブサイトをより双方向的にすることを可能にするものだ。以上の例がいずれもIEでは動作しなかったことは驚くことではないが、意外にもOperaが:rootと:notのテストに合格しなかった。これは、多くのブラウザではすべてのCSSの機能を実装しておらず、CSSのコードをブラウザごとにテストすることの重要性を示すものだ。

　ブラウザによってCSSのコードに問題が生じたことはあるだろうか？コメントでこれまでの読者の経験について教えて欲しい。