Was macht der * * CSS-Selektor?

Vor kurzem stieß ich auf * *in CSS .

Site-Referenz - Site-Link .

Für eine einzelne *Verwendung im CSS-Stylesheet wird der Internet- und Stapelüberlauf mit Beispielen überflutet, aber ich bin mir nicht sicher, ob zwei * *Symbole in CSS verwendet werden sollen.

Ich habe es gegoogelt, konnte aber keine relevanten Informationen dazu finden, da ein einzelnes *Element alle Elemente auswählt, aber ich bin nicht sicher, warum die Site es zweimal verwendet hat. Was ist der fehlende Teil dafür und warum wird dieser Hack verwendet (wenn es sich um einen Hack handelt)?

Wie jedes Mal, wenn Sie zwei Selektoren nacheinander setzen (zum Beispiel li a), erhalten Sie den Nachkommen-Kombinator. Dies * *gilt auch für jedes Element, das von einem anderen Element abstammt - mit anderen Worten, für jedes Element, das nicht das Stammelement des gesamten Dokuments ist.

Nur ein kleines großes Beispiel:

Versuchen Sie, dies auf Ihrer Website hinzuzufügen:

* { 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; }

Demo: http://jsfiddle.net/l2aelba/sFSad/

Beispiel 2:

Demo: http://jsfiddle.net/l2aelba/sFSad/34/

* *Entspricht allem außer dem Element der obersten Ebene, z html.

* bedeutet, bestimmte Stile auf alle Elemente anzuwenden.

* *bedeutet, bestimmte Stile auf alle untergeordneten Elemente des Elements anzuwenden. Beispiel:

body > * {
  margin: 0;
}

Dies wendet Randstile auf alle untergeordneten Elemente des Körpers an. Gleicher Weg,

* * {
  margin: 0;
}

gilt margin: 0für *die untergeordneten Elemente. Kurz gesagt, es gilt margin: 0für fast jedes Element.

Im Allgemeinen ist einer *genug. Es sind keine zwei nötig * *.

Das wählt alle Elemente aus, die in einem anderen Element verschachtelt sind, auf die gleiche Weise div a, wie alle <a>Elemente ausgewählt werden, die irgendwo in einem <div>Element verschachtelt sind .