Importei para meu desenvolvimento CSS algumas regras que costumava aplicar ao construir aplicativos Flash. Ou seja, ao relacionar dois objetos – adicione CSS modificador ao segundo elemento , nunca ao primeiro.
Por exemplo – em vez de adicionar a parte inferior da margem ao seu banner principal para criar espaço para os elementos por baixo – em vez disso, adicione a parte superior da margem aos elementos “filhos” e remova a parte inferior da margem do primeiro.
Por que fazer isso? É simplesmente uma regra para que, ao editar CSS, você saiba a qual elemento aplicá-lo. Às vezes, pode ser difícil escolher onde alterar o CSS. Isso tira a dúvida.
Faço isso porque, em meu imaginário pessoal, o primeiro objeto nada sabe (em teoria) do elemento subsequente, mas pelo menos o segundo elemento tem um objeto com o qual pode se relacionar.
Meio estranho, eu sei. Mas funciona para mim! (e dá personalidade aos objetos – talvez)
Tenha um bom dia!
Derry