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.
main > *:first-child
funciona corretamente, pois seleciona apenas o primeiro.