Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

heromax

Tag header, filha da tag section, herda valores de outra tag header

Por , em Desenvolvimento frontend

Recommended Posts

heromax    0

heromax
Postado

Tenho essa estrutura HTML:

<body>
	<header>
    </header>
    <div class="limit">
    	<section class="conteudo">
    		<header>
                <h1>TESTE</h1>
                <h3></h3>
            </header>
            <article>
            </article>
    	</section>
    	<section class="comentarios">
    	</section>
    </div>
    <footer>
    </footer>
</body>

E essa folha de estilos CSS:

/* header principal - topo da pagina */
header{
	background:#FE634A;
	border-bottom:2px solid #D24726;
	width:100%;
	height:100px;
}

section.conteudo{
	width:960px;
	height:200px;
}

/* tag header da section.conteudo - titulo do artigo*/
section.conteudo header{
	width:960px;
	height:200px;
}

O que acontece?

 

O seletor 'section.conteudo header' herda os atributos 'header' que é algo que eu não aconteça, o que faço para impedir isso? Alguma solução elegante para que não aconteça isso?

 

 

No caso o meu site ta ficando assim:

RtFsNrq.png

 

 

ATT. heromax

Compartilhar este post

Link para o post
Compartilhar em outros sites

heromax    0

heromax
Postado

De um id ao primeiro header

e de as regras ao id

mas tem alguma outra solução sem precisar de id não? Já pensei nisso também, mas não achei legal a ideia

Compartilhar este post

Link para o post
Compartilhar em outros sites

heromax    0

heromax
Postado

Achei a solução:

 

Usei isso no <header> do topo da pagina:

body>header{}

E deu certo! Obrigado pela ajuda.


Se não quer dar id

então use este seletor

body > header{
   ...
}

seleciona todos os header que é filho direto de body

Tinha acabado de achar a solução, ai quando fui postar a solução aki vc postou a mesma coisa, ahuasahaushuas. Vlw ae

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito