直接在h1标签后对p标签应用样式，直到打到另一个h标签？

Question

如何将CSS样式直接应用到H1标签后的所有P标签？但只能应用到另一个H1、H2等标签上？

我试过以下方法。

这只对第一个P...

h1 + p {
  color:red
}

这样做会在页面的其余部分，在H1之后的所有P......

h1 ~ p {
  color:red
}

这个可以用，但是要重复的东西......

h1 + p + p {
  color:red
}

Answer 1

使用jquery进行排序。

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

css。

.special_p{color:red}