..:: MX Studio Fóruns ::..: Efeito Cascata do CSS - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Efeito Cascata do CSS Ordem de prioridade

#1 User is offline   Pralon 

  • Group: Membros
  • Posts: 385
  • Joined: 07-March 07

Posted 11 November 2009 - 03:26 PM

Sempre li que há uma prioridade para aplicação de uma regra de estilo a um elemento, ou seja, uma ordem de prioridade, que seria, de forma resumida, a que se segue, em ordem CRESCENTE:
  1. estilo externo (importado ou linkado).
  2. estilo incorporado (definido na seção head do documento);
  3. 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>

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>

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;
}

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.


0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic


Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Efeito de luz
como fazer?
Flash & ActionScript luizcastelli 
  • 2 Replies
  • 2092 Views
New Replies Ajuda, como faço o efeito do outdoor desse site Flash & ActionScript Brukutu 
  • 1 Reply
  • 1135 Views
New Replies Web Design
Preciso fazer um efeito de fotos em flash
Flash & ActionScript Esinet 
  • 1 Reply
  • 449 Views
New Replies dúvida menu cascata
por favor alguem me ajude
Fireworks KiNhO SkATer 
  • 2 Replies
  • 960 Views
New Replies Efeito Líquido
Alguém sabe?
Flash & ActionScript Sakurai 
  • 2 Replies
  • 1324 Views
New Replies Botão css controlando swf
Posso controlar um swf?
Dreamweaver Jaidelson 
  • 1 Reply
  • 706 Views
New Replies Convertendo em Html/CSS Fireworks lestier 
  • 0 Replies
  • 765 Views
New Replies Efeito brilho
Como que faz ?
Flash & ActionScript Carlos Galdino 
  • 3 Replies
  • 4985 Views

Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)