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

tag <cite> não está aplicada

Percebi que a tag não está sendo aplicada no site.

Segue CSS atual:

...
blockquote {
    background-color: #D9E5E3;
    border: 10px ridge #C2CCCA;
    width: 250px;
    border-bottom-color: #333;
    border-right-color: #FFF;
    box-sizing: border-box;
    margin: 20px 40px;
}
...
blockquote, aside, footer {
    padding: 20px;
}
...

Agora no HTML:

<blockquote>
                    <p>Esforçado e bom nível técnico. Ótimo para trabalhos em equipe.</p>
                    <cite>Luan Marques, Caelum</cite>
                </blockquote>
4 respostas
solução!

Aqui funcionou corretamente:

Porém para que a fonte tivesse ficado em itálico e com margem eu tive que remover o reset.css do HTML.

Lembre-se que o reset serve para remover os estilos padrões das tags. Então o correto é você definir o seu próprio estilo para a tag <cite>.

Hum... Percebi que no IE funciona, verei o que faço no Chrome, limpei o cache e nada. Obrigado.

Particularmente, o professor do curso não define nenhum estilo específico para a tag <cite>. Ele, elegantemente, coloca dois traços antes do nome da pessoa:

Dessa forma, dentro do HTML, a tag <cite> para a ser apenas um toque semântico.

Sobre o IE, provavelmente esse reset que você está usando não conseguiu remover o estilo padrão dessa tag para esse navegador.

Sim ... depois procurarei entender melhor esse lance. Obrigado.