css - css アスタリスクセレクターのサポート

Question

これは * セレクターの正当な使用ですか? もしそうなら、ブラウザーがこれをどのようにサポートするかについての参照はありますか? 私がテストしたすべてのブラウザーで動作するようですが、古いブラウザーや IE は使用していません。

body * {
   float: left;
}

Answer 1

はい、使用は避けてください。より明確にすることができます。しかし、本当にすべての要素を左にフロートさせたい場合は、これが良い方法です。しかし、なぜあなたはこれが欲しいのですか？

すべてのブラウザーがこれをサポートしています。出典: http://www.quirksmode.org/css/contents.html#t10

Answer 2

*はい、あなたの例は、セレクターの手間のかかる使用ではないにしても、正当なものです。これにより、body要素のすべての子要素が左にフロートします。

Answer 3

はい、そうです！アスタリスクはワイルドカードで、設定した DOM 要素内のすべての要素を選択します。

たとえば、サイト全体に属性を適用したい場合:

* {
    attribute: value;
}

または、特別な DOM 要素で行ったように!

 element * {
     attribute: value;
    }

次のようなものも使用できます。

* { 
     attribute: value;
  }

* * { ... }

* * * { ... }

* div * { ... }

これは少し難しいです...再帰のように。