quizas necesites leer acerca de como los navegadores interpretan las hojas de estilos y como decide mostrar importancia a uno u otro. entre los criterios mas basico, los navegadores leen de arriba abajo cada regla. si dos o mas reglas contiene el mismo selector o nivel de especificidad, el navegador muestra importancia al ultimo de todos ellos cuando se comparte algunas propiedades similares. es decir, si dos selectores iguales modifican el color de fondo, el navegador ignora el primero e interpreta el segundo.
Código:
div{
background-color:#fff;
}
div{
background-color:#333;
/* el navegador interpretara este debido a que ambos comparten el mismo selector y propiedad */
}
en tu caso, indistintamente si son exactamente iguales, el navegador los considera como dos reglas, por lo que las modificaciones de los valores en el primero seran ignorados siempre y cuando ambos tengan las mismas propiedades.
