En este caso la prioridad la tendria la etiqueta que esta debajo (h1 { color: grey; }), pero como añadimos la palabra reservada "!important" a la primera etiqueta (h1 { color: purple !important; }) por lo tanto aumenta su prioridad