Help
- estilo externo (importado ou linkado).
- estilo incorporado (definido na seção head do documento);
- estilo inline (dentro de um elemento HTML);
Ocorre que, recentemente, vi que, na prática, não é bem isto que ocorre, pelo menos aqui comigo. Para testes, estabeleci uma regra para a tag p em um estilo incorporado e uma outra regra para a mesma tag p em um estilo externo. Está ocorrendo o seguinte:
a) Se eu escrevo assim, o XHTML segue a regra do estilo incorporado:
CÓDIGO
<head>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
color: #990000;
}
</style>
</head>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
color: #990000;
}
</style>
</head>
Porém, se eu escrevo assim, o XHTML segue o estilo externo:
CÓDIGO
<head>
<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
color: #990000;
}
</style>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
color: #990000;
}
</style>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>
A impressão que me dá é que o XHTML segue a última regra escrita e não a suposta "ordem de prioridade". Só para esclarecer melhor, no meu arquivo estilo.css só há uma regra, conforme abaixo:
CÓDIGO
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF6600;
}
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF6600;
}
Sei que o Efeito Cascata segue outros aspectos, como a especificidade da regra de estilo, mas se alguém puder clarear esta questão eu agradeço.
