1.parent > son
2.parent>son
唯一の違いは、前と「>」の後これらの2つのCSSセレクタは同じですか?
とどのようにセレクタのこの種のブラウザでサポートされていた空間があるかどうか?
1.parent > son
2.parent>son
唯一の違いは、前と「>」の後これらの2つのCSSセレクタは同じですか?
とどのようにセレクタのこの種のブラウザでサポートされていた空間があるかどうか?
はい、これはchild selectorと呼ばれ、スペースは関係ありません。
IE6以下を除き、ほとんどのブラウザでサポートされています。 Here's a handy compatibility table.
もちろん、スペーシングは関係ありません。 市場にあるすべての関連ブラウザのうち、IE6だけがこれをサポートしていません。すべての残りは行います。
IE6では、「親の息子」のような単純な子孫セレクタ以外はサポートされていません。
セレクタをスペースなしで一緒に記述すると、同じ要素を参照するときに使用されます。 div.content
セレクタは、div
の要素に一致し、クラスcontent
も持っています。
>演算子は直接の親子関係を記述しているため、左側の式は右側の式と同じ要素に一致しません。要素はそれ自身の子であることはできません。したがって、スペースを入れずに書き込むのは、スペースで書き込むのと同じ意味です。
間隔は重要ですが、 '>'の場合はそうではありません。例えば 'p.foo'は' p .foo'とは異なる要素をターゲットにしています –
私は同意しますが、彼は特に子セレクタについて質問しています。 –