CSS-də seçicilər niyə həddindən artıq irsən keçir?

CSS-də seçicilər miras alınmır. CSS-də miras, bəzi xüsusiyyətlərin bir elementdən onun törəmələrinə ötürülməsinə aiddir. Seçicilər, üslubları tətbiq etmək üçün elementləri seçən nümunələrdir.

Miras, bir seçici ilə tətbiq olunan üslubların başqa bir seçici ilə tətbiq olunan üslublar tərəfindən üstündən yazıla biləcəyini ifadə edə bilər. Bu, miras ilə deyil, CSS-in kaskad mexanizmi ilə əlaqədardır; bu mexanizm, bir neçə CSS qaydası eyni xüsusiyyət üçün dəyər təyin etdikdə, hansı üslubun tətbiq olunacağını müəyyən edir.

Üslubların kaskadı və "üstünlük" faktorlarına təsir edən amillər:

1. Xüsusiyyət (Specificity): Daha yüksək xüsusi seçicilərə malik seçicilər daha çox çəkidədir.
2. Sıra (Order): Eyni xüsusi seçicilikdə, ən son qeyd olunan qayda tətbiq edilir.
3. Əhəmiyyət (!important): !important ilə işarələnmiş bəyanatlar ən yüksək prioritetə malikdir (istifadəçi agentinin daxili üslubları istisna olmaqla, !important).
4. Üslub mənbələri (Origin): Üslublar müxtəlif mənbələrdən gəlir (brauzer, istifadəçi, müəllif).

Nümunə xüsusi seçicilik:

/* Aşağı xüsusi seçicilik */
p {
  color: blue;
}

/* Yüksək xüsusi seçicilik - rəngi üstündən yazacaq */
.text-section p {
  color: red;
}