Uma boa postagem no blog sobre o princípio do CSS DRY . E um artigo da Wikipedia sobre tipografia .
Ok, então não estou convencido de usar CSS DRY para todos os estilos de um site, mas acho que funciona desde quando acabei de usar para definir diferentes tamanhos de fonte, família de fontes, estilo, peso, etc. , apenas para os estilos tipográficos. Ter muitos estilos de fonte espalhados em um site cria um site confuso e muitas vezes um estilo de fonte pode ser repetido ou ligeiramente diferente. Isso nem sempre é fácil de gerenciar se, no futuro, você precisar ter todos os pontos em que um estilo de cabeçalho estava em maiúsculas para serem sublinhados.
Exemplo de uso de CSS DRY para tipografia: (CSS totalmente elaborado para proteger os inocentes.)
/* Huge header */
.Hero-header,
.SomeOtherThing-title--important,
h2 strong,
h1 {
font-size: 45px;
line-height: 60px;
}Com esse código, posso ver facilmente onde esse tamanho de fonte enorme é usado.
Uma alternativa é estilizar apenas tags simples com estilos tipográficos e não usar classes para eles. O que quero dizer é remover a .Hero-headerclasse e substituí-la pelo h2 strongIn no HTML.