* * CSS seçici ne yapar?

Son zamanlarda rastladı * *içinde CSS .

Site referansı - Site Bağlantısı .

*CSS stil sayfasında tek bir kullanım için, İnternet ve Stack Overflow örneklerle doludur, ancak * *CSS'de iki sembol kullanmak konusunda emin değilim .

Googledim, ancak bununla ilgili herhangi bir bilgi bulamadım, çünkü tek bir *tüm öğeleri seçiyor, ancak sitenin neden iki kez kullandığından emin değilim. Bunun eksik kısmı nedir ve neden bu hack kullanılıyor (eğer bir hack ise)?

Tıpkı diğer iki seçiciyi ardı ardına koyduğunuzda olduğu gibi (örneğin li a), alt birleştiriciyi elde edersiniz. Diğer * *herhangi bir öğenin soyundan gelen herhangi bir öğe de öyledir - başka bir deyişle, tüm belgenin kök öğesi olmayan herhangi bir öğe .

Sadece küçük bir büyük örnek:

Bunu sitenize eklemeyi deneyin:

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

Örnek 2:

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

* *Üst düzey öğe dışındaki her şeyle eşleşir, ör html.

* verilen stilleri tüm öğelere uygulamak anlamına gelir.

* *verilen stilleri, öğenin tüm alt öğelerine uygulamak anlamına gelir. Misal:

body > * {
  margin: 0;
}

Bu, marj stillerini vücudun tüm alt öğelerine uygular. Aynı şekilde,

* * {
  margin: 0;
}

öğesinin alt öğeleri margin: 0için geçerlidir *. Kısacası, margin: 0hemen hemen her öğe için geçerlidir .

Genelde bir *yeterlidir. İkiye gerek yok * *.

Bu, başka bir öğenin içine yerleştirilmiş tüm öğeleri seçer, aynı şekilde div a, <a>bir <div>öğenin içinde bir yerde yuvalanmış tüm öğeleri seçer .