Question

请参阅下面的代码，我需要在第二个'内容块'内输入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将高于我想要修改的div，它会在页面之间进行切换。（购物车）

怎么可能？

感谢。

Answer 1

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

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

+就是我们所说的Adjacent Sibling Selector。

Answer 2

使用CSS3：nth-child（）选择器希望它可以解决您的问题

查看以下示例：http://www.w3schools.com/cssref/sel_nth-child.asp

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

2 个答案: