Cacher is the code snippet organizer for pro developers

2 Clases iguales a un parámetro de CSS

Cuando dos clases diferentes, tienen atributos diferentes, y son llamadas por una solo Id o Classlo que se hace es que se concatenan los atributos y se mandan al Id o Class que invoco.

#nombre,#colonia,#direccion,#numero,#edad{
    border-color: red;
    }
#nombre,#colonia,#direccion,#numero,#edad{
        font-family: Times New Roman;
    }
    
Lo que pasa en el codigo anterior pasan los atributos de cambio de borde y tipo de letra a la clase o id que lo invoca 

Pero cuando los Id o Class tienen los mismos atributos

    #nombre,#colonia,#direccion,#numero,#edad{
    border-color: green;
    }
    #nombre,#colonia,#direccion,#numero,#edad{
    border-color: red;
    }

El que va a predominar o va tener mayor jerarquia seria el ultimo que encuentre pero para que no pase eso lo que se tiene que hacer es aplicar la propiedad !important que te permiete que el atributo que lo tenga sea el que tiene mayor jerarquia

    #nombre,#colonia,#direccion,#numero,#edad{
    border-color: green !important;
    }
    #nombre,#colonia,#direccion,#numero,#edad{
    border-color: red;
    }
El color que predomina seria el verde por el !important