v2.5.2
Giriş yap

css asterisk karakteri *

istek61
324 defa görüntülendi
// 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??

Cevap yaz
Cevaplar (3)
istek61
725 gün önce
div {
color:red;
*color:black;
}

bu söz dizilimi IE7 ve daha eski sürümlerde sistemi aldatmak için kullanılan farklı bir kod yıgınıymış.
diger tarayıcılar bunu göz ardı edip görmezden geliyormuş.

istek61
725 gün önce
* { color: red;}

genel kapsayıcıyı biliyorum

*color: red; 

bunu merak etmiştim. yanlış anlamadıysam bir anlamı yok diyorsunuz ? yorum satırı hatırlatma gibi...
zaten ne gibi bir etkisi olabilir diye şaşırdım. yorumlayıcının kendinden başkasına etkisi olmamalı.

munzevi
725 gün önce
  • 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.