Apply style to p tags directly after h1 tag until it hits another h tag?

Question

How can I apply a CSS style to all P tags directly after a H1 tag? But only until it hits another H1, H2 etc?

I have tried the following:

This only does the first P...

h1 + p {
  color:red
}

This does ALL P's after the H1 for the rest of the page...

h1 ~ p {
  color:red
}

This works but want something recurring...

h1 + p + p {
  color:red
}

user_1739775 · Answer

sorted using jquery:

$("h1").nextUntil(":not(p)").addClass("special_p");

css:

.special_p{color:red}