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; /* გამოყენებული იქნება ეს ფერი */
}