Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Ponto de Atenção - Conflito entre classe e ID

Amigo, desculpe mas no exercício - Conflito entre classe e ID você induz o aluno ao erro. Ainda que o seletor id seja mais específico do que o class e do que o próprio elemento div, se eu escrever o código css na ordem abaixo:

#mensagem { margin: 0; height: 200px; }

.centralizado { width: 700px; margin: 0 auto; }

div { width: 350px; height: 100px; }

O último código referenciando a DIV irá sobrescrever os outros dois, pois o browser lê os dois primeiros e aplica o último referenciado.

2 respostas
solução!

Oi Mauricio, qual foi o resultado pra você? Pra mim foi o seguinte, a div acabou com o width de 700 (da classe), o height de 200 (do id) e o margin 0 (do id);

Fazendo com que a afirmação esteja incorreta, vou deixar uma captura aqui pra você ver:

captura codepen teste conflito css

Oi Wanderson, obrigado pela resposta. Realmente você tem razão peço desculpas.... não sei o que tinha acontecido que na hora tinha funcionado diferente mas agora deu certo....

obrigado!