* * CSSセレクターは何をしますか？

最近* *、CSSに出会いました。

サイト参照- サイトリンク。

*CSSスタイルシートでの1つの使用法では、インターネットとスタックオーバーフローには例が殺到していますが* *、CSSで2つのシンボルを使用するかどうかはわかりません。

グーグルで検索しましたが、1つで*すべての要素が選択されるため、これに関する関連情報は見つかりませんでしたが、サイトで2回使用された理由がわかりません。これに欠けている部分は何ですか？なぜこのハックが使用されますか（ハックの場合）？

他の2つのセレクターを次々に配置する場合と同様に（たとえばli a）、子孫コンビネーターを取得します。だから、* *他の要素の子孫であるすべての要素がある-つまり、任意の要素ではありません文書全体のルート要素が。

ほんの少し大きな例：

これをあなたのサイトに追加してみてください：

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }

デモ： http : //jsfiddle.net/l2aelba/sFSad/

例2：

デモ： http : //jsfiddle.net/l2aelba/sFSad/34/

* *のように、最上位要素を除くすべてに一致しますhtml。

* は、すべての要素に特定のスタイルを適用することを意味します。

* *は、指定されたスタイルをすべての要素の子要素に適用することを意味します。例：

body > * {
  margin: 0;
}

これにより、本文のすべての子要素にマージンスタイルが適用されます。同じ方法、

* * {
  margin: 0;
}

の子要素に適用さmargin: 0れ*ます。つまり、margin: 0ほとんどすべての要素に適用されます。

通常は1つ*で十分です。2つは必要ありません* *。

同じ方法で別の要素内にネストされているすべての要素div aを選択すると、<a>要素内のどこかにネストされているすべての要素が選択されます<div>。