Bu CSS kodu buldum ve o ne yaptığını görmek için koştum ve sayfadaki HER öğe belirledik

Biri Yıldız * CSS yaptığını açıklayabilir mi?

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

Bir joker, bu DOM o bölümü içindeki tüm öğeleri seçmek anlamına gelir.

Eğer her eleman için geçerli marj tüm sayfamda istiyorum, örneğin kullanabilirsiniz:

* {
    margin: 10px;
}

Ayrıca, örneğin aşağıdaki paragraf etiketi içinde tüm öğeler için bir marj eklemek istiyorum: alt seçenekler içinde bunu kullanabilirsiniz

p * {
    margin: 10px;
}

Örnek elemanları için ardışık sınırları ve boşlukları çok renkli kenarlık vermek için uygulamak için bazı css hile yapıyor. Örneğin, beyaz bir sınır siyah bir sınır ile çevrili.