1 reply to this topic

[ednoxx]

Boa tarde pessoal

Tenho duas dúvidas com css.

1ª.

Desenvolvi um form com validação jQuery que, em caso de erro, como campo em branco por ex, é add uma class campoErro deixando o input com bordas vermelhas. Até ai tudo bem.

A dúvida é, que esse campo já tem uma class que o configura (width, height etc), e em caso de erro, seria acrescentado a esse input a class campoErro, o que deixaria esse input sob formatação de duas classes. Isso funciona pelos meus testes, mas é correto?

2ª

Em várias partes do meu código css, há algumas redundâncias como por exempo:
na parte de notificação de envio do form, tenho duas divs:

<div class="erro"></div>
<div class="sucesso"></div>

ambas tem a mesma formatação exceto pela cor da fonte o que ficaria assim:

.erro{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#F00;
}

.sucesso{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#00F;
}

então para otimizar o código eu fiz isso:

.erro,
.sucesso{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

.erro{ color:#F00; }

.sucesso{ color:#00F;}

novamente, como na 1ª dúvida, isso funciona perfeitamente, mas é correto?
isso é um exemplo breve, com pouca redundância.Mas no meu código tem coisa bem maior.

Obrigado à todos

[rafael-tdc]

É correto sim usar 2 classes na mesma div, e fica muito mais organizado do jeito que você fez, nas partes que são iguais colocar no mesmo comando (como no .erro, .sucesso).