CSS'dagi tanlovchilar nima uchun ortiqcha meros qilib olinadi?

CSS'dagi selektorlar meros qolmaydi. CSS'dagi meros olish, elementning ba'zi xususiyatlarini uning vorislari uchun o'tkazib yuborishni anglatadi. Selektorlar, uslublarni qo'llash uchun elementlarni tanlaydigan shablonlardir.

Meros olish, bir selektor yordamida qo'llangan uslublar, boshqa selektor yordamida qo'llangan uslublar tomonidan ustun qilinishi (meros olinishi) mumkinligini anglatishi mumkin. Bu meros bilan emas, balki CSS kaskad mexanizmi bilan bog'liq bo'lib, bu mexanizm, bir nechta CSS qoidalari bir xil xususiyat uchun qiymat belgilaganida, qaysi uslub qo'llanilishini belgilaydi.

Uslublarning kaskad va "ustun qilish" ga ta'sir qiluvchi omillar:

1. Maxsuslik (Specificity): Yuqori maxsuslikka ega selektorlar katta og'irlikka ega.
2. Tartib (Order): Agar maxsuslik teng bo'lsa, so'nggi e'lon qilingan qoidaga amal qilinadi.
3. Muhimlik (!important): !important bilan belgilangan e'lonlar eng yuqori ustunlikka ega (foydalanuvchi agentining o'rnatilgan uslublari bundan mustasno, !important).
4. Uslub manbalari (Origin): Uslublar turli manbalardan keladi (brauzer, foydalanuvchi, muallif).

Maxsuslik misoli:

/* Past maxsuslik */
p {
  color: blue;
}

/* Yuqori maxsuslik - rangni ustun qiladi */
.text-section p {
  color: red;
}