Mantenha sempre seu CSS limpo e organizado. Gosto de organizar meus seletores em categorias de estilo.
redefinir estilos
Estilos de tipografia
estilos de layout (cabeçalho, conteúdo, rodapé, etc.)
estilos de módulo ou widget estilos de módulo ou widget
Outros (etc).
Depois, dentro de cada grupo, organizei os seletores de acordo com a hierarquia do DOM:
qualquer estilo pai
estilos de elemento em nível de bloco (parágrafo, lista, etc.)
Estilos de elementos embutidos (links, abreviações, etc.)
Outros (etc).
Em seguida, faça divisões específicas com base nas divisões acima:
parágrafos
citações em bloco
endereços
Listas
formulários
tabelas
Outros (etc).
Por fim, organizo as declarações CSS por tipo de estilo
estilos de posicionamento
Estilos flutuantes/claros
estilos de exibição/visibilidade
estilos de espaçamento (margem, preenchimento, borda)
estilos de dimensões
Estilos relacionados à tipografia (altura da linha, cor, etc.)
Estilos diversos (estilo de lista, cursores, etc.)
Muitas pessoas gostam de ordenar em ordem alfabética por declaração, o que pode não funcionar bem para mim, mas pode funcionar perfeitamente para você. Mas depois de escolher qualquer método organizacional, é melhor segui-lo para manter sua uniformidade.