1

Estou em Dúvida de aplicar alguns efeitos no css. Tentei com os seguintes seletores do css:

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
    margin: 0 0 0.75em 0;
}

h1~p, h2~p, h3~p, h4~p, h5~p, h6~p {
    margin: 0 0 0.75em 0;
}

h1>p, h2>p, h3>p, h4>p, h5>p, h6>p {
    margin: 0 0 0.75em 0;
}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
    margin: 0 0 0.75em 0;
}

A ideia é que após digitar a TAG <h6></h6> aplique um espaço para digitar a TAG <p></p>, dentro de uma estrutura de texto <div></div> por exemplo;

Porque já utilizo o espaço entre às TAG's <p></p> e só preciso para <h1><h6>.

3
  • Podes explicar melhor ? Como assim espaço para digitar uma tag de parágrafo ?
    – Edilson
    Commented 12/12/2015 às 17:37
  • Bem após de eu digitar, ele automaticamente desse um espaço para o parágrafo: <h6>Subtitulo</h6> -Espaço- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat dolorum non, ab quisquam consequatur ullam necessitatibus in sit placeat aperiam!</p> Commented 12/12/2015 às 19:29
  • 1
    São ambas tags com espaçamento após o conteúdo, a única diferença é que as tags h definem cabeçalhos e a tag p define parágrafos, no mínimo terias que remover o espaçamento das tags h6 usando margin:0; e depois usar h6+p { margin:.75em 0 0 0; }.
    – Edilson
    Commented 12/12/2015 às 19:47

1 Resposta 1

1

Acho que houve um engano, os atributos dentro do seletor serão aplicados no parágrafo e não no h1~h6, por isso ao invés de margin bottom o correto seria margin top:

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
    margin: 0.75em 0 0 0;
}

ou então, para ficar mais claro:

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
    margin-top: 0.75em;
}

Documentação sobre combinators: aqui.

2
  • Gostei da Referência, mas ainda não aplicou o efeito, queria fazer na TAG este espaço do que utilizar o style no primeiro <p></p>, utilizando o margin-top neste caso. Commented 12/12/2015 às 19:34
  • Perdão, funcionou, estava aplicando uma medida muito baixa, obrigado pela referência. Commented 12/12/2015 às 19:43

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 .