Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, uma ajuda aí. Pelo que aprendi em CSS, para um mesmo seletor submetido a uma mesma regra, a ordem de precedência de estilização deste seletor, de forma decrescente é:
1)estilo inline do autor;
2)estilo incorporado do autor;3)estilo externo linkado do autor. Construí dois arquivos: uma folha de estilos externa chamada externa.css e um documento html chamado teste.html. Os códigos estão abaixo:
externa.css:
p{color: red;
font-size: 4em;}teste.html:
<html>
<head>
<style type="text/css" media="all">p{
color: blue;
font-size: 4em;
}
</style>
<link rel="stylesheet" type="text/css" href="externa.css" media="all">
</head>
<body>
<p>
Quer cor aparecerá aqui?
</p>
</body>
</html>De acordo com o que eu aprendi, a cor do parágrafo deveria ser azul. Por quê, então, os navegadores estão escrevendo em vermelho?
Notei que se eu acrescentar as tags <style> e </style> dentro do arquivo css, o comportamento passa a ser o correto, isto é, o parágrafo é escrito em azul. Tou confuso e agradeço qualquer ajuda!
Carregando comentários...