නවකයන්ගේ දෝෂය සන්තති තේරීම්කරුවෙකු තුළ

පහත දැක්වෙන තේරීම්කරු දෙස බලන්න:

p.eee {
	color: red;
}

එවැනි තේරීම්කරුවෙකු eee පන්තිය සහිත ඡේද තෝරා ගන්නා බව ඔබ දැනටමත් දැන සිටිය යුතුය. උදාහරණයක් ලෙස, මේවා:

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

දැන් මෙම තේරීම්කරු දෙස බලන්න:

p .eee {
	color: green;
}

මෙම තේරීම්කරුවා පෙර තේරීම්කරුවාට වඩා වෙනස් වන්නේ, ටැග් නම සහ පන්තියේ නම අතර හිස් අවකාශයක් ඇති බැවිනි. මෙම හිස් අවකාශය සන්තති තේරීම්කරුවෙකු නියෝජනය කරයි. එනම් මෙම අවස්ථාවේදී අපි eee පන්තිය ඇති සියලුම අංග තෝරා ගනිමු, ඡේද තුළ පිහිටා ඇති. උදාහරණයක් ලෙස, මෙම තේරීම්කරුවා පහත දැක්වෙන ස්පන්දන තෝරා ගනී:

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

කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:

එබැවින්, නැවත වරක්: p.eee - එවැනි තේරීම්කරුවෙක් eee පන්තිය සහිත ඡේද තෝරා ගනී. නමුත් මම එය මෙසේ කළහොත්: p .eee, එවිට eee පන්තිය ඇති සියලුම අංග තෝරා ගනී, ඡේද ඇතුළත පිහිටා ඇති. මෙම වෙනස හොඳින් අවබෝධ කර ගන්න.

පහත දක්වා ඇති කේතයේ තේරීම්කරුවා කුමක් තෝරා ගන්නේදැයි පැහැදිලි කරන්න. ඉන්පසු මෙම තේරීම්කරුවාට ගැලපෙන HTML කේතය ලියන්න. තේරීම්කරුවා සමඟ කේතය මෙන්න:

p.bbb {
	color: red;
}

p .bbb {
	color: red;
}

.eee p.bbb {
	color: red;
}

.eee p .bbb {
	color: red;
}