Entrar Ainda não tem acesso?
1
resposta

Fiz as mudanças perfeitamente no Bio.css mas nada acontece quando recarrego a pagina.

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Pseudoclasses e atividade Destaque nas citações

por Carlos Teles
| 58.5k xp | 1 posts
.citacao-bio {
    background-color: #D9E5E3;
    border: .5em solid #C2CCCA;
    padding: 1em;
    margin: 1em 2em;
    width: 30ch;
    box-sizing: border-box;
}.citacao-bio:hover{
    box-shadow: 0 0 0 999999999px rgba {0, 0 , 0 , 0.5};
}
blockquote:nth-of-type(even){
    float: left;
    margin-left: 0;
}
.citacao-bio:nth-of-type(even):hover{
    transform: scale(1.2), rotate(5deg);
}
blockquote:nth-of-type(odd){
    float: right;
    margin-right: 0;
}
.citacao-bio:nth-of-type(odd):hover{
    transform: scale(1.2), rotate(-5deg);
}
1 resposta
por Instrutor
| 1136.9k xp | 1471 posts
Instrutor

Carlos, boa tarde!

Creio que o seu código não está do modo que deveria até o momento presente do curso.

Tente fazer as seguintes alterações

.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,
.citacao-bio:focus {
    box-shadow: 0 0 0 99999px rgba(0,0,0,.8);
}

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

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