在每个H4标签之后更改第一个p标签的CSS

Question

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

所以我有这样的事情：

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

使用jquery我想覆盖段落3上的css，所以没有文本缩进。

我试过这个但没有发生任何事情：

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

Answer 1

你可以用CSS做到这一点：

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

该选择器意味着：选择p前面的h4 #myDiv的孩子。

+是adjacent sibling selector。

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

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

Answer 2

this怎么办？

使用h4 + p作为选择器。

Answer 3

有很多方法......

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

Answer 4

DEMO

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

Answer 5

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

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