Abordagem de ordem de propriedades CSS

Dica rápida. Quando escrevo código CSS, gosto de ordenar as propriedades por impacto.

Exemplos

  • Se você estiver fazendo uma grande chamada com uma fonte grande, coloque o tamanho da fonte no topo.
.big-call {
font
-size: 7rem;
color
: #f00;
min
-height: 12rem;
}
  • Se você estiver fazendo um botão que flutuará no canto superior direito do site.
.nice-button{
position
: absolute;
top
: 0;
right
: 0;
}

Em outras palavras, coloque primeiro o que você acha que é relevante.