¿Por qué los selectores en CSS se heredan en exceso?

Los selectores en CSS no se heredan. La herencia en CSS se refiere a la transmisión de algunas propiedades de un elemento a sus descendientes. Los selectores son patrones que eligen elementos para aplicar estilos.

La herencia puede significar que los estilos aplicados mediante un selector pueden ser sobrescritos (heredados) por estilos aplicados mediante otro selector. Esto no está relacionado con la herencia, sino con el mecanismo de cascada de CSS, que determina qué estilos se aplican a un elemento cuando varias reglas CSS establecen un valor para la misma propiedad.

Factores que afectan la cascada y la "sobrescritura" de estilos:

1. Especificidad (Specificity): Los selectores con mayor especificidad tienen mayor peso.
2. Orden (Order): Cuando la especificidad es igual, se aplica la regla declarada en último lugar.
3. Importancia (!important): Las declaraciones marcadas con !important tienen la prioridad más alta (excepto los estilos incorporados del User Agent con !important).
4. Origen de los estilos (Origin): Los estilos provienen de diferentes fuentes (navegador, usuario, autor).

Ejemplo de especificidad:

/* Especificidad baja */
p {
  color: blue;
}

/* Especificidad alta - sobrescribirá el color */
.text-section p {
  color: red;
}