Kāpēc CSS selektori tiek daudz mantojas?

CSS selektori nav mantošies. Mantošanos mehānisms CSS attiecas uz dažādu īpašību nodošanu no elementa uz tā pēcnācējiem. Selektori ir modeļi, kas izvēlas elementus, lai piemērotu stilus.

Mantošana var nozīmēt, ka stili, kas piemēroti ar vienu selektoru, var tikt pārtraukti (mantojuši) ar stiliem, kas piemēroti ar citu selektoru. Tas nav saistīts ar mantošanu, bet ar CSS kaskādes mehānismu, kas nosaka, kuri stili tiek piemēroti elementam, kad vairākas CSS noteikumi nosaka vienu un to pašu īpašību.

Faktori, kas ietekmē kaskādi un "pārklāšanu":

1. Specifiskums (Specificity): Augstāka specifiskuma selektoriem ir lielāka svars.
2. Secība (Order): Ja specifiskums ir vienāds, tiek piemērots pēdējais deklarētais noteikums.
3. Svarīgums (!important): Deklarācijas ar !important ir prioritātes augšgalā (izņemot iebūvētos stilos no lietotāja aģenta ar !important).
4. Stilu avoti (Origin): Stili nāk no dažādiem avotiem (pārlūkprogramma, lietotājs, autors).

Piemērs specifiskumam:

/* Zems specifiskums */
p {
  color: blue;
}

/* Augsts specifiskums - pārtrauks krāsu */
.text-section p {
  color: red;
}