0

Basicamente, estou dando um margin-top no primeiro conteúdo após o cabeçalho, de acordo com o tamanho do cabeçalho.

O problema é que cada página do site possui elementos diferentes após a main (div ou section). Como posso selecionar o 'elemento-filho' da main mesmo sendo diferente em cada página.

('main > div') e ('main > section') funcionam, porém a margem é aplicada em ambas, o correto seria apenas no bloco abaixo do cabeçalho...

O site possui muitas páginas, preciso de apenas um script se possível, ou se tiver alguma solução em css também aceito.

1
  • @renan Não, isso selecionaria qualquer elemento que estiver "1 nível" abaixo da main. Enquanto da maneira que o @Genos respondeu main > *:first-child funciona corretamente, pois seleciona apenas o primeiro.
    – Gabplay
    Commented 26/11/2016 às 21:32

1 Resposta 1

0

O seletor first-child seleciona elementos que sejam o primeiro filho de seu pai. E o seletor * seleciona qualquer elemento.

Logo, você poderia fazer algo como:

main > *:first-child {
    /* Estilos */
}

Esta expressão selecionaria o primeiro filho de main, independente de tipo.

Edição:

Se você quer que somente section ou div sejam selecionados, ao invés de qualquer elemento também é possível:

main > div:first-child, main > section:first-child {
    /* Estilos */
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .