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ň.