Çagalaryň selegtorda ýalňyşlygy

Aşakdaky selegtora serediň:

p.eee {
	color: red;
}

Siz eýýäm bilmeliňiz, şeýle selegtor eee klassy bolan abzaslary saýlar. Mysal üçin, şular:

<p class="eee">
	lorem ipsum
</p>
<p class="eee">
	lorem ipsum
</p>

Indi bolsa bu selegtora serediň:

p .eee {
	color: green;
}

Bu selegtor öňkinden tapawutlanýar, sebäbi onuň teg ady we klas ady arasynda boşluk bar. Bu boşluk mirasjylyk selegtoruny aňladýar. Ýagny bu ýagda, biz abzaslaryň içindäki eee klassy bar elementleri saýlaýarys. Mysal üçin, bu selegtor aşakdaky spanlary saýlar:

<p>
	lorem <span class="eee">ipsum</span>
</p>
<p>
	lorem <span class="eee">ipsum</span>
</p>

Kodyň ýerine ýetirilişiniň netijesi:

Şonuň üçin, ýene bir gezek: p.eee - şeýle selegtor eee klassy bar abzaslary saýlaýar. Emma men şeýle etsem: p .eee, onda abzaslaryň içinde ýerleşen, eee klassy bar ähli elementleri saýlar. Bu tapawudy düşüniň.

Aşakdaky kodda berlen selegtoryň näme saýlaýandygyny düşündiriň. Soňra şol selegtora laýyk HTML kodyny ýazyň. Selegtorly kod:

p.bbb {
	color: red;
}

Aşakdaky kodda berlen selegtoryň näme saýlaýandygyny düşündiriň. Soňra şol selegtora laýyk HTML kodyny ýazyň. Selegtorly kod:

p .bbb {
	color: red;
}

Aşakdaky kodda berlen selegtoryň näme saýlaýandygyny düşündiriň. Soňra şol selegtora laýyk HTML kodyny ýazyň. Selegtorly kod:

.eee p.bbb {
	color: red;
}

Aşakdaky kodda berlen selegtoryň näme saýlaýandygyny düşündiriň. Soňra şol selegtora laýyk HTML kodyny ýazyň. Selegtorly kod:

.eee p .bbb {
	color: red;
}