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

Fiz as mudanças no meu bio.css mas não acontece nada quando recarrego a minha página ):

//bio.css

.citacao-bio { background-color: #D9E5E3; border: .5em solid #C2CCCA; padding: 1em; margin: 1em 2em; width: 30ch; box-sizing: border-box; }

.citacao-bio:nth-of-type(even) { float: left; margin-left: 0;

}

.citacao-bio:nth-of-type(odd) { float: right; margin-right: 0; }

citacao-bio:hover { box-shadow: 0 0 0 99999px rgba(0,0,0, .8); }

citacao-bio:nth-of-type(odd):hover { transform: scale(1.2) rotate(5deg);

}

citacao-bio:nth-of-type(even):hover { transform: scale(1.2) rotate(-5deg); }

//bio.html

<!DOCTYPE html>

Sobre mim

Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de qualidade, durabilidade e que agregam valor para meus clientes.

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.

Como trabalho

João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!

José Souza, Fiat

Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo. Não trabalho com escopo fechado: o cliente é que decide quando o produto está pronto.

Também não trabalho com prazos fechados: qualidade é importante demais para ser sacrificada.

Experiência

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.

Manoel Santos, Petrobrás

Já desenvolvi projetos para grandes empresas como BMW, UOL e IBM. 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.

Também já fui contratado para transformar grandes portais, como Terra e G1, 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.

Comunidade

Procuro repassar meu conhecimento para a comunidade. Para isso, já dei diversas palestras e mantenho um blog.

Minha foto

João da Silva

© João da Silva 2014
2 respostas

Oi Valter, tudo certinho?

Para a formatação do seu código ficar belezinha dá uma clicada aqui no canto em formatação e da uma olhada nas instruções:

Outra coisa que ajuda a nos ajudar a te ajudar (eita) é colocar qual o erro que está dando e o que deveria acontecer. :)

Repara nas últimas regras CSS que você fez.


.citacao-bio:nth-of-type(odd) {
    float: right;
    margin-right: 0;
}

citacao-bio:hover {
    box-shadow: 0 0 0 99999px rgba(0,0,0, .8);
}

citacao-bio:nth-of-type(odd):hover {
    transform: scale(1.2) rotate(5deg);

}

citacao-bio:nth-of-type(even):hover {
    transform: scale(1.2) rotate(-5deg);
}

Que elemento HTML é esse citacao-bio? Ele existe? Pois é isso que o browser tá caçando, um elemento HTML chamado citacao-bio.

Mas citacao-bio não é um elemento HTML, é o que exatamente? Uma classe! Seletor de classe como que é? Ponto!

Agora identifica onde tá faltando os pontos e vai funcionar! :)

Espero ter ajudado e bons estudos!

Abcs!

solução!

Bom dia Natan!

Ops! É isso mesmo, rs. Esqueci de colocar ponto antes das classe. Obrigado, Abcs!