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

Aula 5 - "Pseudo Classes"

Salve!

É possível eu adicionar a pseudo-classe ":hover" para algumas "sub-tags" (hierarquia) específicas?

Dando exemplo dessa aula (sobre receita). Gostaria de alterar o tamanho da fonte dos parágrafos dos ingredientes e do modo de preparo.

Eu achei que seria da seguinte forma:

h2 ul li:hover{
    font-size: 30px;
}

Mas nada acontece quando tem tento colocar o ":hover" em sistema de hierarquia.

Grato desde já!

4 respostas
solução!

Olá André,

esse h2 ai está estranho, não seria +- um código assim:

<html>
    <head>
        <style>
            h2{font-size: 30px;}
            ul li:hover{font-size: 30px;}
        </style>
    </head>
    <body>
        <h2>Teste</h2>
        <ul>
            <li>Teste 1</li>
            <li>Teste 2</li>
        </ul>
    </body>
</html>

Att,

André poste o código HTML para vermos como esta a estrutura, mas da para fazer isso sim sem problemas.

Concordo com o Ramon, estranho dentro do h2 você ter uma lista de elementos como o ul.

Ficamos no aguardo.

Hummm, correto!

Me confundi ao achar que o "ul / li" estariam dentro da h2.

Agora deu certo!

Valeu galera!

Sempre que precisar não deixe de criar suas dúvidas.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software