CSS-de wekilleriň saýlawçysy

Bizde ul sanawy we ol sanawy bolsun:

<ul>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
</ul>
<ol>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
</ol>

Geliň bu sanawlardaky li teglerini gyzyl reňke çalalyň:

li {
	color: red;
}

Indi bolsa, ul sanawyndaky li teglerini gyzyl reňke, ol sanawyndaky li teglerini bolsa ýaşyl reňke çalmak isleýäris.

Bu ýagdaýda bizä wekilleriň saýlawçysy kömek eder. Ol tagtalary ata-eneleriňe görä saýlamaga mümkinçilik berýär. Munuň üçin ata-enäniň saýlawçysyny, soňra bolsa boşluk we wekil saýlawçysyny görkezmek gerek. Bizim ýagdaýymyzda ul li saýlawçysy ul sanawyndaky ähli li teglerini saýlar, ol li saýlawçysy bolsa ol sanawyndaky ähli li teglerini saýlar. Olary gerekli reňklere çalalyň:

ul li {
	color: red;
}
ol li {
	color: green;
}

Wekilleriň saýlawçysy hökman iki teg saýlawjysyndan ybarat bolmaly däldir – ol boşluk bilen ýazylyp, islendik mukdarda bolup bilýär. Meselem, aşakdaky kodda ul teginiň içinde ýerleşýän li teginiň içinde ýerleşýän ähli i tegleri saýlanylýar:

ul li i {
	color: red;
}

Aşakdaky kod berlen:

<ul>
	<li>tekst <i>ýatyk</i></li>
	<li>tekst <i>ýatyk</i></li>
	<li>tekst <i>ýatyk</i></li>
	<li>tekst <i>ýatyk</i></li>
</ul>

<p>
	abzas tekst <i>ýatyk</i>
</p>
<p>
	abzas tekst <i>ýatyk</i>
</p>

ul teglerindäki ýatyk ýazylary gyzyl reňke, p teglerindäki ýatyk ýazylary bolsa ýaşyl reňke çalyň.

Aşakdaky kod berlen:

<p>
	abzas tekst <b><i>gally ýatyk</i></b>
</p>
<p>
	abzas tekst <i>ýatyk</i>
</p>

p teginiň içinde ýerleşýän b teginiň içinde ýerleşýän ýatyk ýazylary gyzyl reňke çalyň.