Bom dia, fiz o processo descrito na atividade, e não é exibido a legenda. Verifiquei na opção Opinião do Professor, e vi que fiz o processo correto. Abaixo segue meu codigo .css:
.icones-redes-sociais a {
position: relative;
}
.icones-redes-sociais a:hover::after,
.icones-redes-sociais a:focus::after {
content: attr(data-tooltip);
position: absolute;
top: 100%;
right: 0;
text-indent: 0;
width: 300%;
background: black;
font-size: .75em;
}meu arquivo .html (trecho descrito):
<ul class="icones-redes-sociais">
<li>
<a href="https://github.com/git-joaodasilva" class="github" data-tooltip="Dê uma olhada nos meus projetos no Git">Github</a>
</li>
<li>
<a href="https://twitter.com/twitter-joaodasilva" class="twitter" data-tooltip="Siga-me no Twitter">Twitter</a>
</li>
<li>
<a href="https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508" class="linkedin" data-tooltip="Veja meu currículo">Linkedin</a>
</li>
</ul>Nesse caso, gostaria da ajuda, pois não consigo visualizar nenhum motivo para não ser exibido a legenda.
Grato.
