Como se controla el orden al declarar CSS?

  1. Importancia
  2. Especificidad
  3. Orden en las fuentes

Importancia

  1. Hoja de estilo de agente de usuario (Estilos del navegado)
  2. Declaraciones normales en hojas de estilo de autor (Nuestro .css)
  3. Declaraciones importantes en hojas de estilos de autor (Utilizar el !important)

Especificidad

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dcaf37a9-aa12-4389-9979-0283569ea794/Untitled.png

Las .class son genéricas, podemos tener el mismo class en varias etiquetas y así dar estilos generios

Los #id si son únicos de una etiqueta, no podemos tener mas de 1 etiqueta con el mismo id. Primordialmente usarlo para llamadas con JavaScript

Orden de las fuentes

En tus estilos, las declaraciones al final del documento anularan a las que sucedan antes en caso de conflicto.

ES MALA PRACTICA USAR ID PARA DAR ESTILO EN CSS

Lo usual es solo usar .class.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7e3fcc16-c162-4283-9fd3-3c705f88e2ea/Untitled.png

Al usar #id estamos usando algo muy poderoso que en proyectos grandes puede ser muy tedioso editar, por lo tanto es mala practica usarlo para dar estilos, hay que dejarlos para uso exclusivo de JavaScript