css asterisk karakteri *
// sık kullanılan herşeyi kapsayan asterisk
* {
padding:20px;
}
// Buradaki asterisk ne işe yarıyor olabilir ?
.test {
*display: block;
*zoom : 1;
font-size:10px;
}
seçicilerde (*) asterisk işaretini biliyorum.
ama zoom yada display bu asterisklerin görevi nedir anlamadım. hiçbir kaynakta da bulamadım??
- bunu kapsayıcı olarak düşünebilirsin.
*{ color: red;}
aksi belirtilmedikçe dökümandaki her şeyin rengi kırmızı olur örneğin.
main > div *{ color: red;}
.siyah{color:siyah;}
<main>
<div>
<p>kırmızı</p>
<p class="siyah">siyah</p>
</div>
</main>
kısaca belirlenen alandaki tüm elementlere kural uygular, aksi belirtilmedikçe varsayılan tanımlamaya yarar. eğer bir yöntem içerisinde kullanılıyorsa;
main > div { *color: red;}
.siyah{color:siyah;}
color'u bozdum, bir nevi yorum satırı yerine kullandım. bir amacı yok yani.