Estava resolvendo as questões da aula 03, para mudar a cor de fundo da citação, mudou apenas de uma citação, a outra citação não mudou de cor, já verifiquei o css da tag blockquote, aparentemente não tem erro, o que pode ser?
Solucionado
Estava resolvendo as questões da aula 03, para mudar a cor de fundo da citação, mudou apenas de uma citação, a outra citação não mudou de cor, já verifiquei o css da tag blockquote, aparentemente não tem erro, o que pode ser?
Boa noite, Sandro! Como vai?
Cole aqui o seu HTML e CSS pra que eu possa dar uma olhada e te ajudar!
<!DOCTYPE html>
<html>
<head>
<title>Biografia - João da Silva </title>
<meta charset="utf-8">
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="site.css">
<!-- carrega a fonte Crimson Text nas versões normal, itálico e negrito -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
<!-- carrega a fonte Open Sans Condensed na versão negrito, -->
<!-- que é a única necessária para os cabeçalhos -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
</head>
<body>
<main>
<h1>Sobre mim</h1>
<p>Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de <em>qualidade</em>, <em>durabilidade</em> e que <em>agregam valor</em> para meus clientes.</p>
<p>Trabalho usando a web como plataforma, ou seja, respiro HTML5, CSS3 e JavaScript (ou melhor: ECMASCript). Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p>
<h2>Como trabalho</h2>
<blockquot>
<p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
<cite>-- José Souza, Fiat</cite>
</blockquot>
<p>Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo. <strong>Não trabalho com escopo fechado</strong>: o cliente é que decide quando o produto está pronto.</p>
<p>Também não trabalho com prazos fechados: qualidade é importante demais para ser sacrificada.</p>
<h2>Experiência</h2>
<blockquote>
<p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes</p>
<cite>-- Manoel Santos, Petrobrás</cite>
</blockquote>
<p>Já desenvolvi projetos para grandes empresas como <a href="http://www.bmw.com">BMW</a>, <a href="http://www.uol.com.br">UOL</a> e <a href="https://www.ibm.com/br-pt/">IBM</a>. Neles, o foco principal era entregar uma experiência imersiva e impactante para o usuário final sem descuidar do desempenho e da acessibilidade da página.</p>
<p>Também já fui contratado para transformar grandes portais, como <a href="http://www.terra.com.br">Terra</a> e <a href="http://www.g1.globo.com">G1</a>, em páginas responsivas. Fui responsável por renovar o layout, reorganizar o conteúdo e re-escrever o código de forma mais reaproveitável.</p>
<h2>Comunidade</h2>
<p>Procuro repassar meu conhecimento para a comunidade. Para isso, já dei diversas palestras e mantenho um blog.</p>
</main>
<img src="eu.jpg" alt="Foto de João da Silva">
<aside>
<h1>João da Silva</h1>
<nav>
<ul>
<li> <a href="index.html">Home</a></li>
<li> <a href="portifolio.html"> Portifolio </a></li>
<li><a href="bio.html">Sobre mim </a></li>
<li><a href="blog.html">Blog</a></li>
<li> <a href="contato.html"> Contato</a> </li>
</ul>
</nav>
</aside>
<footer>
© João da Silva
</footer>
</body>
</html>
------------------------------------------------------
Css Aqui
body {
font-family:"Crimsom Text", "Times New Roman", serif;
background-color: #F2FFFC;
font-size: 120%;
}
h1,h2 {
font-family: "Open Sans Condensed", "Arial", sans-serif;
}
main h1{
text-align: center;
background-color: #851944;
color: #FFF;
}
p{
text-align: justify;
}
blockquote {
background-color: #D9E5E3;
}
aside {
background-color: #3C1D3D;
color:#F2FFFC;
}
footer {
background-color: #000;
color: #F2FFFC;
}
nav a {
color: #F2FFFC;
}
main a {
color: #851944;
}
aside a {
color: inherit;
font-family: "Open Sans Condensed", sans-serif;
}
Me ajude, já procurei, mais não encontrei, deve ser algum detalhe que não estou vendo.Boa noite, Sandro! Como vai?
O que passou despercebido é que vc escreveu blockquot e o nome correto da tag é blockquote, por isso o CSS está sendo aplicado na tag que vc escreveu corretamente e não está sendo aplicado na que vc errou.
Grande abraço e bons estudos!
Nossa que coisa, fiquei procurando e nada, realmente passou em branco esse detalhe. Eu agradeço muito pela ajuda! vou ficar mais atento, abraços!
Acontece com os melhores, Sandro! Mas, quanto mais atenção vc manter, melhor! Nas vezes que vc não estiver achando o pequeno detalhe como foi dessa vez, vc tem o pessoal daqui do fórum pra recorrer!
Siga em frente nos estudos e sucesso!
Grande abraço!