Kodėl CSS selektoriai yra per daug paveldimi?

CSS selektoriai nėra paveldimi. Paveldėjimas CSS reiškia tam tikrų savybių perdavimą iš elemento jo palikuonims. Selektoriai yra modeliai, kurie pasirenka elementus, kuriems taikomi stiliai.

Paveldėjimas gali reikšti, kad stiliai, taikyti naudojant vieną selektorių, gali būti perrašyti (paveldėti) kitų selektorių taikytų stilių. Tai nesusiję su paveldėjimu, o su CSS kaskados mechanizmu, kuris nustato, kurie stiliai taikomi elementui, kai keli CSS taisyklės nustato tą pačią savybę.

Veiksniai, turintys įtakos kaskadai ir "perrašymui":

1. Specifiškumas (Specificity): Aukštesnio specifiškumo selektoriai turi didesnę svorį.
2. Eiliškumas (Order): Esant vienodam specifiškumui, taikoma paskutinė deklaruota taisyklė.
3. Svarba (!important): Deklaracijos, pažymėtos !important, turi aukščiausią prioritetą (išskyrus įmontuotus naudotojo agento stilius su !important).
4. Stilių šaltiniai (Origin): Stiliai gaunami iš skirtingų šaltinių (naršyklė, naudotojas, autorius).

Pavyzdys apie specifiškumą:

/* Žemas specifiškumas */
p {
  color: blue;
}

/* Aukštas specifiškumas - perrašys spalvą */
.text-section p {
  color: red;
}