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

text-decoration: none não está funcionando

Olá pessoal, poderiam me ajudar com a dúvida abaixo? Estou tentando colocar no rodapé de um exercício um texto com um link (copyright) e gostaria que este não ficasse marcado com o sublinhado e nem mudasse de cor quando acessado. No CSS desabilito o text-decoration deste texto porém quando carrego a página ela aparece no formato de um link já visitado, poderiam verificar onde estou errando?

<footer>
            <p>Redes sociais</p>
             <img src="img/facebook-50.png">
            <img src="img/instagram-logo-50.png">
            <img src="img/youtube-squared-50.png">
            <a href="https://www.alura.com.br">
            <p class="copyright">Copyright &copy </a>
            <div class="logofooter">
                <img src="img/logo-96.png" alt="Logo">
            </div>
    </footer>

    footer {
  border-top: 1px solid #333;
  bottom: 0;
  left: 0;
  position: fixed;
  background-color: #1b357e;
  width: 100%;
  height: 70px;
  text-align: left;
  line-height: 100px;
}

footer p {
  display: inline-block;
  color: #FFFFFF;
}

.copyright {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: 10em;
  clear: right;
}

.logofooter {
  position: relative;
  float: right;
  margin-right: 5em;
  display: inline-block;
}
2 respostas
solução!

Bom dia Italo, tudo bem?

Nesse código, em nenhum momento você estiliza a tag < a>, e sim o < p>.

Então o que você tem que fazer é apenas mudar de lugar o "text-decoration: none". Para que ele estilize a tag < a> diretamente. Por exemplo:

footer a {
    text-decoration: none;
}

Espero te ajudado,

Bons Estudos.

Verdade Thiago! Resolveu o problema, obrigado!