Как решить проблему вложенности :nth-of-type()?

<section class="main">
	<div>
		<div class="rating">
		</div>
	</div>
	<div>
		<div class="rating">
		</div>
	</div>
	<div>
		<div class="rating">
		</div>
	</div>
	<div>
		<div class="rating">
		</div>
	</div>
<section>

.main {
  counter-reset: heading;
}

.rating:before {
  position: absolute;
  counter-increment: heading;
  content: counter(heading);
}

.rating:nth-of-type(1) {
  color:#000;
}

.rating:nth-of-type(2) {
  color:#fff;
}

Я так понимаю не работает из-за вложенности, работает :nth-of-type(1) на все элементы.
Поскажите, есть ли способ решить проблему, кроме выноса из дива?