Zašto se selektori u CSS preterano nasleđuju?

Selektori u CSS nisu nasledni. Nasleđivanje u CSS odnosi se na prenos određenih svojstava elementa na njegove potomke. Selektori su obrasci koji biraju elemente za primenu stilova.

Nasleđivanje može značiti da stilovi primenjeni pomoću jednog selektora mogu biti prepisani (nasleđeni) stilovima primenjenim pomoću drugog selektora. Ovo nije povezano sa nasledjivanjem, već sa mehanizmom kaskadiranja CSS-a, koji određuje koji stilovi se primenjuju na element kada više pravila CSS postave vrednost za istu osobinu.

Faktori koji utiču na kaskad i "prepisivanje" stilova:

1. Specifičnost (Specificity): Selektori sa višom specifičnošću imaju veću težinu.
2. Redosled (Order): U slučaju iste specifičnosti, primenjuje se pravilo koje je poslednje deklarisano.
3. Važnost (!important): Deklaracije označene sa !important imaju najviši prioritet (osim ugrađenih stilova User Agent-a sa !important).
4. Izvori stilova (Origin): Stilovi dolaze iz različitih izvora (pregledač, korisnik, autor).

Primer specifičnosti:

/* Niska specifičnost */
p {
  color: blue;
}

/* Visoka specifičnost - prepisuje boju */
.text-section p {
  color: red;
}