как выбрать первого ребенка с определенным классом

[imedia]

Как выбрать первого ребенка с определенным классом, если таковых детей у блока id="preview_main_block" с одним и тем же классом множество

<div id="preview_main_block">
	<div class="preview"></div>
	<div class="preview"></div>
</div>

[Octane]

#preview_main_block .preview:nth-child(1)

[Aetae]

document.querySelector('#preview_main_block .preview:first-child')