CSS-däki çaga saýlawçy
Bizde aşakdaky kody bolsun:
<p>
tekst <b><i>gally we ýatyk</i></b>
</p>
<p>
tekst <i>diňe ýatyk</i>
</p>
Bizde paragraphyň içindäki ähli i teglerini saýlamak isleýäris. Muny edeliň:
p i {
color: red;
}
Kodyň netijesi:
Indi bolsa, paragraphlarymyzyň gönüden-göni çagalary bolan i teglerni saýlaýalyň. Bu ýerde bize çaga saýlawçy > kömek eder.
Onuň nähili ulanylýandygyny düşünmek üçin, geliň ony nesil saýlawçysy bilen deňeşdireliň. Şeýle: p i - biz paragraphyň içindäki ähli ýatyk ýazylary saýlaris, ýöne şeýle: p > i - diňe paragraphlaryň gönüden-göni çagalary bolan ýatyk ýazylary saýlar.
Geliň bu saýlawçyny HTML kodymyza goýup göreliň:
p > i {
color: red;
}
Kodyň netijesi:
Aşakdaky kod berlen:
<ul>
<li>
<i>ýatyk</i>
<b>gally</b>
<b><i>gally we ýatyk</i></b>
</li>
<li>
<i>ýatyk</i>
<b>gally</b>
<b><i>gally we ýatyk</i></b>
</li>
</ul>
Diňe li tegleriniň gönüden-göni çagalary bolan b teglere gyzyl reňk beriň.