Seletor Filho (>)

[Michelly 0]

Oi pessoal!

 

Bom, disseram que se eu tivesse dúvida poderia vir aqui novamente... Sendo assim, eis-me aqui! rs...

 

Estou com uma dúvida sobre a aplicação de propriedades através do comando CSS ">". Até onde li, esse comando faz com que as propriedades descritas sejam aplicadas a todo elemento filho (por favor, me corrijam se eu estiver errada). Assim, se eu tenho o código:

 

body>p { font-size: 12px; }

 

Isso significa que todo elemento "P" filho de "BODY" terá sua fonte no tamanho 12px. Apliquei algo semlhante no site que estou desenvolvendo e no firefox funciona, mas no IE não.

 

Gostaria de saber se alguém já enfrentou algo parecido com a utilização deste método ou se sou eu quem está entendendo errado.

 

Seguem os códigos para vcs darem uma olhadinha:

 

HTML

CODE

<!--Conteúdo-->

<div id="conteudo">

<div id="painel_navegacao">

<p>Menu</p>

<a id="fecha_menu" href=""><img src="Site/Imagens/Fechar_Painel.gif" /></a>

</div>

<div id="detalhes">

<img class="img_reservas" src="Site/Imagens/Pasta.gif" />

<p>Reservas</p>

</div>

</div>

<!--Fim do Conteúdo-->

CSS

CODE

 

#painel_navegacao > p{

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

margin: 3px;

}

 

#detalhes > p {

font-weight: bold;

font-size: 14px;

}

 

Obs: Deixei apenas os códigos realmente relevantes para evitar a perda de tempo com leituras desnecessárias.

 

Desde já, agradeço. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[William Bruno 1501]

Rodei seu código, e ele está certinho, mas o IE6 não está entendendo neh?!

#painel_navegacao  p{	
}
#detalhes  p { /* retirei o sinal de ">" */
}

Se não for lhe atrapalhar, use p como DESCENDENTE e não como fillho. Assim o IE6 interpreta tb.

você entendeu certinho o conceito, é o navegador que não tá fazendo certo mesmo...

[Michelly 0]

Oi tiu,

 

Obrigadão pela dica... É que eu estava lendo na especificação CSS da W3C que há uma diferença entre elemento descendente e elemento filho. O problema é justamente esse... A incompatibilidade entre os navegadores! Rapaz, não sei você, mas me dá uma raiva desse tipo de coisa... A gente lê as coisas, entende como elas funcionam conceitualmente, mas tem que suar para adaptar isso às incompatibilidades entre navegadores... Mas fazer o que... É a vida! rs...

 

De qualquer forma muito obrigada! :rolleyes: