html - CSS仅修改P标签上方的H2标签

Question

看下面的代码，我需要在第二个'content-block'中更改H2标签的字体大小，我不能直接修改Div标签或h2标签，我只能修改h2标签下面的内容。

<div class="content-block">
<h2>Title here</h2>
<p>this is some text.</p>
</div>

<div class="content-block">
<h2>Modify This title only</h2>
<p>this is some more text.</p>
<style>## I can add CSS here ##</style>
</div>

编辑：我不能确定有多少“内容块”div 在我要修改的那个上面，它从一页到另一页。（一个购物车）

怎么可能？

谢谢。

Answer 1

.content-block + .content-block h2 {/* your css */}

演示：http ://dabblet.com/gist/4013393

+就是我们所说的相邻兄弟选择器。

Answer 2

使用 CSS3 :nth-child() 选择器希望它能解决你的问题

在此处查看示例：http: //www.w3schools.com/cssref/sel_nth-child.asp