Modifier la CSS de la première balise p après chaque balise H4

Question

J'ai une feuille de style qui indente les paragraphes de 20px, mais je ne veux pas d'un retrait sur le premier paragraphe après chaque H4.

J'ai donc quelque chose comme ceci:

<p>Paragraph 1</p> 
<p>Paragraph 2</p> 
<h4>Sub Heading</h4> 
<p>Paragraph 3</p> 
<p>Paragraph 4</p> 

En utilisant jquery Je veux remplacer le paragraphe 3 sur css donc il n'y a pas de text-indent.

J'ai essayé, mais rien ne se produisit:

$("#myDiv > h4").next("p").css({"text-indent":0}); 

Answer 1

Vous pouvez le faire avec seulement CSS:

#myDiv > h4 + p { 
    text-indent: 0; 
} 

Cela signifie sélecteur: sélectionnez p précédé par h4 qui est un enfant de #myDiv.

+ est le adjacent sibling selector.

Ou comme JavaScript si vous préférez:

$('#myDiv > h4 + p').css('text-indent', 0); 

Answer 2

Qu'en est-this?

Utilisez le comme sélecteur.

Answer 3

bien des égards sont là ...

$(document).ready(function(){ 
    $('#myDiv h4').each(function(){ 
    $(this).next().css({"text-indent":0}); 
    }); 
}); 

Answer 4

$("#myDiv > h4:first-child")css({"text-indent":0}); 

http://api.jquery.com/first-child-selector/

Answer 5

DEMO

$('#myDiv h4').next('p').css({textIndent:0});