sectionタグとhタグ

<h1>見出し</h1>
<div class="section">
	<h2>見出し2</h2>
	<p>文章</p>
	<p>文章</p>
	<div class="section">
		<h3>見出し3</h3>
		<p>文章</p>
		<p>文章</p>
	</div>
</div>

<h>見出し</h>
<section>
	<h>見出し2</h>
	<p>文章</p>
	<p>文章</p>
	<section>
		<h>見出し3</h>
		<p>文章</p>
		<p>文章</p>
	</section>
</section>

自分はいつもdiv class="section"で応用して書いていたのですが、今後、sectionにより見出しのレベルがきまるという草案があるらしいです。

h1,h2,h3...ものこるようです。

しかし、これだとCSSでh要素の指定をするときに

h {
	color: red;
}

section h {
	color: blue;
}

section section  h {
	color: yellow;
}

section section section  h {
	color: black;
}

section section section section  h {
	color: green;
}

みたいな感じに記述していかなければならないので、少しややこしくなるかな？