Orden
Es posible especificar un orden a los ítems. Esto nos permite cambiar el orden de los elementos sin tener que modificar el código HTML.
El orden de los elementos se establece definiendo un valor numérico a los ítems, que representan su peso. Cuánto menor sea el valor del peso, antes se va a mostrar.
order: 1;
El valor predeterminado de order es 0.
Supongamos el siguiente ejemplo:
En el ejemplo anterior, todos los ítems que están con peso 1 se muestran primero. Como existen varios elementos que tienen el mismo peso, el siguiente criterio que se utiliza para ordenarlos es el orden de aparición en el HTML. Después, irían colocándose el resto de ítems, de menor a mayor peso.
Los pesos pueden ser cualquier valor numérico y no tienen por qué seguir una secuencia (1, 2, 3, 4...). Es decir, podemos saltarnos valores y, por ejemplo, asignar peso 2 a un ítem y peso 99 a otro ítem.
Si usamos un número negativo, se pondría por delante del peso 1.
Si estuvieramos trabajando con un order row-reverse el orden lo aplicaría al contrario.