Olá, eu tenho um código HTML e estou tentando trabalhar com dois arquivos CSS porem não sei como a hierarquia funciona ainda. No meu código estão nesta ordem:
<link rel="stylesheet" href="bio.css">
<link rel="stylesheet" href="site.css">Me foi instruído a fazer duas instruções:
blockquote, aside, footer {
padding: 20px;
}
main h1 {
padding: 25px;
}estas instruções eu fiz no bio.css porque são mais específicas para minha página bio.html em que desejo estas alterações.
O problema é que verificando no navegador o padding do main h1 fica correto, mas o padding do blockquote, aside, footer fica traçado porque quem obteve a "preferência" foi o padding do "site.css".
Alguém tem uma luz para me dar? Eu não quero modificar o arquivo site.css.
