CSS-ում ժառանգական ընտրիչների առաջնահերթությունը

Բոլոր նախորդ դասերում բոլոր ընտրիչները պետք է ընտրեն հենց տարրը: Կարող է պատահել, որ մի ընտրիչ ընտրում է տարրը, իսկ երկրորդ ընտրիչը ընտրում է այդ տարրի ծնողին:

Դուք արդեն գիտեք, որ եթե ծնողին նշանակված է, օրինակ, գույն, ապա այդ գույնը կժառանգվի ժառանգի կողմից: Սակայն, եթե ժառանգին նույնպես նշանակված է գույն, ապա ժառանգի ընտրիչը կունենա ավելի բարձր առաջնահերթություն, քան ծնողի ընտրիչը:

Սա նշանակում է, որ ժառանգի տեգի ընտրիչը հաղթում է ծնողի դասարանին:

<div class="block">
	<p>տեքստ</p>
</div>

.block {
	color: red;
}
p {
	color: green; /* կկիրառվի այս գույնը */
}

Ժառանգի տեգի ընտրիչը նաև հաղթում է ծնողի նույնականացուցչին:

<div id="block">
	<p class="text">տեքստ</p>
</div>

#block {
	color: red;
}
.text {
	color: green; /* կկիրառվի այս գույնը */
}