:nth-child()擬似クラスの引数に注目。新構文、”of <selector>”

<ul>
	<li class="area1">エリア1の1番目の項目です</li>
	<li class="area1">エリア1の2番目の項目です</li>
	<li class="area1">エリア1の3番目の項目です</li>
	<li class="area2">エリア2の1番目の項目です</li>
	<li class="area2">エリア2の2番目の項目です</li>
	<li class="area2">エリア2の3番目の項目です</li>
	<li class="area3">エリア3の1番目の項目です</li>
	<li class="area3">エリア3の2番目の項目です</li>
	<li class="area3">エリア3の3番目の項目です</li>
</ul>

/* .area2クラスが付与されたリストの2番目の項目を指定 */
ul li:nth-child(2 of .area2) {
	color: red;
	font-weight: bold;
}