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

Question

最近CSSに出くわし* *ました。

サイトリファレンス-サイトリンク。

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

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

Answer 1

2つのセレクターを次々に配置するときと同じように（たとえばli a）、子孫コンビネーターを取得します。* *他の要素の子孫である要素、つまり、ドキュメント全体のルート要素ではない要素も同様です。

Answer 2

ほんの少しの大きな例：

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

* { 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/

Answer 3

* *トップレベルの要素を除くすべてに一致します。例：html。

Answer 4

*与えられたスタイルをすべての要素に適用することを意味します。

* *与えられたスタイルをすべての要素の子要素に適用することを意味します。例：

body > * {
  margin: 0;
}

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

* * {
  margin: 0;
}

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

一般的には1つ*で十分です。2つは必要ありません* *。

Answer 5

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