図解CSS3読書メモ --Selector_html/css_WEB-ITnose

CSS1、2、および 3 セレクターの概要

Css1、2、および 3 セレクターと、それらに対応するブラウザ互換性フロントエンドの観察については、この記事で詳しくまとめられています。

テストに合格しました: 以下の修正または説明があります:

注：下述浏览器兼容性以x+表示，表明x以及x以上版本。

• 動的疑似クラス セレクター E:active: E がアンカーの場合ポイント、ie6+ 互換性; その他 (フォーム要素に限定されない) の場合、ie の互換性は 8+ です。

• E>F: E の下の F の最初の子ノードと一致します。 、F は必ずしも E の最初の子ノードである必要はありません;

• E+F: E の直後の F ノードと一致し、F は E の最初の兄弟ノードである必要があります。

• E~F: E 以降の F のすべての兄弟ノードと一致します。F は E の最初の兄弟ノードである必要はありません。

補足: E:lang(言語): 言語擬似クラスセレクター。E 要素と lang 属性セットを照合します。たとえば、html:lang(en) {} は 1e5e51688f59c7a41195801f5e033143;

に一致します。