各H4タグの後に最初のpタグのCSSを変更します

Question

私は20pxで段落をインデントするスタイルシートを持っていますが、各H4の後に最初の段落にインデントしたくありません。

だから私はこのようなものがあります：私は、テキストのインデントがないので、第3項のCSSを上書きしたいjqueryのを使用し

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

を。

私はこれを試してみましたが、何も起こらなかっ：

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

Answer 1

あなただけのCSSでこれを行うことができます：セレクタ手段は

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

：#myDivの子であるh4が先行pを選択します。

+は、adjacent sibling selectorです。

やJavaScriptなどあなたが好む場合：thisについて

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

Answer 2

何を？

セレクタとしてh4 + pを使用してください。

Answer 3

多くの方法がある代わりにjQueryのCSSソリューションのための...

$(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});