Boa tarde, tudo bem? Eu fui trocar o uso da classe para pseudoclasse, porém não deu certo .. =( E não estou conseguindo ver o que eu fiz de errado...
<section class="Como-trabalho f-secao">
<h2>Como trabalho</h2>
<blockquote class="citacao fiat-citacao">
<p class="p-citacao">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>
</blockquote>
<p class="p-comoTrab">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 class="p-comoTrab"><strong>Também não trabalho com prazos
fechados:</strong> qualidade é importante
demais para ser sacrificada.</p>
</section>
<section class="experiencia f-secao">
<h2>Experiência</h2>
<blockquote class="citacao citacao-Petrobras">
<p class="p-citacao-2">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>
CSS
/** FORMATAÇÃO DA SEÇÃO: COMO TRABALHO **/
.Como-trabalho {height: 15em; margin-top: 4em;}
.citacao:nth-of-type(odd) {float: left; height: 12em;
position: relative; left: -1em; top: -7em;}
.p-comoTrab {width: 45em; position: relative;
top: -2em; left: -2em;}
.citacao:nth-of-type(odd) cite {position: relative; left: 6em;}
/** FORMATAÇÃO DA SEÇÃO: EXPERIENCIA**/
.exp-p{width: 45em; position: relative; left: -1em; top:-1.5em;}
.experiencia h2 {position: relative; left:-5em;}
.citacao:nth-of-type(even) {height: 13em; float: right;
position: relative; top: -6em; left: 1em;}