Exercício 023 - Pseudo Classes em CSS3

Voltar para Módulo 02

Trabalhando com Pseudo Classes

• # é para id
• . é para class
• : para é pseudo classe, onde essas devem estar relacionadas ao estado de um elemento ou de uma class, no exemplo seguir usamos o HOVER e ao passar o mouse por cima a cor muda para amarelo, assim podemos alterar o estado de um elemento ou classe.

• A tag div é um elemento de divisão que gera um container para conteúdo de fluxo, que de certa forma não representa nada, mas serve para efetuar divisões no HTML.
• A div pode ser utilizado para agrupar elementos para fins de estilos usando class ou id, ou porque eles compartilham valores de atributos como lang para com linguas diferentes.
• A div deve ser utilizada somente quando não tiver outros elementos de semântica tal como article ou nav, pois as divisões main, article, aside e ou nav dividem semanticamente a página.

                /* para exibir o texto escondido */
                div:hover > span {
                    visibility: visible;
                    color: white;
                    background-color: green;
                }