Javascript 更改每个H4标记后第一个p标记的CSS

我有一个将段落缩进20px的样式表，但我不希望在每个H4之后的第一段上缩进

所以我有这样的想法：

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

---

您只需使用CSS即可做到这一点：

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

该选择器的意思是：选择

p

，前面是

h4

，它是

#myDiv

的子项

+

是最重要的

如果您愿意，也可以使用JavaScript：

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

那怎么办

使用

h4+p

作为选择器。

有很多方法

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

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

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

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