Question

See the code below, I need to chnage the font-size of H2 tag within the second ‘content-block’, I can not modify the Div Tag or the h2 tag themselves directly, I can only modify the content below the h2 tags.

<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>

Edit: I can not be sure how many ‘content-block’ divs will be above the one I want to modify, it chnages from page to page. (A shopping cart)

How is the possible?

Thanks.

Answer 1

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

Demo: http://dabblet.com/gist/4013393

+ is what we call Adjacent Sibling Selector.