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

Erro arquivo css.

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

No chrome inspector, a propriedade color, acima, está riscada.

O arquivo css está assim :

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

h1, h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif;
}

main h1 {
    text-align: center;
    background-color: #851944;
    color: #FFF;
}

main a {
    color: #851944;
}

p {
    text-align: justify;
}

blockquote {
    background-color: #D9E5E3;
}

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

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

footer {
    background-color: #000;
    color: #F2FFFC;
}

nav a {
    color: #F2FFFC;
}
3 respostas
solução!

Mas você estava inspecionando os links (tag a) dentro ou fora da tag nav?

Os links dentro da tag nav vão riscar essa prop. Mas por quê?

Porque o esquema todo é: aside -> nav -> ul -> li -> a (no primeiro caso) ou aside -> ul -> li -> a (no segundo caso)

No primeiro caso, o navegador vai dar prioridade a regra "nav a {}" do seu css, porquê ela é mais específica do que "aside a {}". E o valor final de color vai ser #F2FFFC.

No segundo caso, o navegador vai renderizar "aside a{}" porquê não há regra mais específica que essa pra essas tags. E o valor final de color vai ser inherit.

text-decoration : none não está funcionando dentro de aside a

Desculpe...falta de atenção minha ! Estou mudando em um lugar e querendo ver o resultado em outro !