Tenho dois arquivos css em minha página: arquivo1.css e arquivo2.css .
A ordem que os arquivos são referenciados (na tag head da página) é ...
<link type="text/css" rel="stylesheet" href="arquivo1.css">
<link type="text/css" rel="stylesheet" href="arquivo2.css">
No arquivo1.css tenho ....
*{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12pt;
}
No arquivo2.css tenho ....
h1#titulo_aplicacao.cabecalho{
margin-left: 30pt;
font-size: 25pt !important;
}
Minha intenção é que a fonte de h1#titulo_aplicacao.cabecalho tenha 25 pt, mas o tamanho de fonte defino no arquivo1.css sempre se sobresai....
1) Como resolver isso?
2) em que ordem os estilos definidos em diferentes arquivos css são aplicados nos elementos? É a ordem em que os arquivos aparecem no head ?