Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

text-decoration: none no CSS não rolou...

Opa.

Usei o text-decoration: none na tag parágrafos pra tirar os sublinhados do links mas não rolou. Na verdade fui colocando em tudo pra ver se dava certo mas nada.

Meu código tá assim:

body {
    font-family: "Crimson Text", "Times New Roman", serif;
    background-color: #F2FFFC;
    font-size: 120%;
    text-decoration: none;
}

h1, h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif;
    margin: 0px;
    text-decoration: none;

}

main h1 {
    text-align: center;
    background-color: #851944;
    color: #FFF;
    padding: 20px;
    margin: 0px;
}

p {
    text-align: justify;
    text-decoration: none;
}

blockquote {
    background-color: #D9E5E3;
    padding: 20px;
    border: 10px solid #c2ccca;
    width: 250px;
    margin: 0px;
    padding: 20px;
    text-decoration: none;
}

aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
    padding: 20px;
}

footer {
    background-color: #000;
    color: #F2FFFC;
    padding: 20px;
}

nav a {
    color: #F2FFFC;
    text-decoration: none;
}

main a {
    color: #851944;
}

aside a {
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
}

1 resposta
solução!

Olá Juliano!

Tranquilo?

O CSS funciona em modo cascata, como já diz o nome, então ele olha a relevância das parametrizações, as tags <a> por padrão já vem com o text-decoration de sublinhado, então é comum no CSS já colocarmos text-decoration: none.

No seu código você colocou apenas no

nav a {
    color: #F2FFFC;
    text-decoration: none;
}

Ou seja, apenas os elementos de link que estiverem dentro de uma tag <nav> que vão sofrer essa alteração.

Colocar assim:

p {
    text-align: justify;
    text-decoration: none;
}

Não garante a alteração dos links, pois você está falando pro CSS apenas alterar os elementos de tag <p>, para alterar todos os links dentro de paragrafos deveria ser assim:

p a {
    text-decoration: none;
}

Assim você está falando para o CSS que todos os elementos <a> que estiverem dentro de elementos <p> vão sofrer alteração.

Agora se você quer já deixar no seu código que TODOS os elementos <a> não terão nenhuma decoração, pode deixar assim:

a {
    text-decoration: none;
}

Assim todos os links, independente de onde estiverem, já estarão sem o sublinhado.

Espero ter ajudado!

Abraços!

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