Dúvidas e discussões

Please or Cadastrar to create posts and topics.

Pseudo-classes em css

Por que a pseudo classe visited não funciona corretamente? Ele está ou subscrevendo a primeira classe ".e" ou então sem ter efeito após clicar no link

        .e {
            color: red;
        }

        .e:visited {
            color: orange;
            font-style: italic;
            font-weight: bolder;
        }

        .e:hover {
            text-decoration: underline;
        }

        .e:hover:active {
            color: yellow;
        }

html:

        <a href="#" class="e">Link 5 |</a>

Aldo Henrique has reacted to this post.
Aldo Henrique

O visited só vai ser aplicado se for um link que vc já tenha acessado.

como no seu link está: <a href="#" class="e">Link 5 |</a>

não tem como vc já ter acessado o #, tem de ser um conteúdo que vc já tenha acessado exemplo:

<a href="https://www.google.com.br/" class="e">Link 5 |</a>

Guilherme Braga has reacted to this post.
Guilherme Braga

O visited só será aplicado se o link já tiver sido clicado e visitado.

como seu link está href="#" então não tem como vc ter visitado o #, dessa forma, tente colocar href="https://www.google.com.br/".

Guilherme Braga has reacted to this post.
Guilherme Braga
.pp-msg-ia pre{background:#0A111F;border:1px solid #1C2A44;border-radius:8px;padding:14px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13px;margin:10px 0} .pp-msg-ia code{background:#0A111F;padding:2px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:13px} .pp-msg-ia pre code{background:none;padding:0} .pp-msg-ia ul,.pp-msg-ia ol{margin:10px 0 10px 22px} .pp-msg-ia p{margin:8px 0} .pp-msg-ia h1,.pp-msg-ia h2,.pp-msg-ia h3{margin:12px 0 6px;font-family:'Sora',sans-serif}