Как применить nth-child к расположенными друг над другом div блоками?

Question

[Артем]

Здравствуйте. Есть блоки вида

<div id="main-content">
	<div class="table_header">
		<ul>
		       <li class="table_header_left">ID</li>
		       <li>Имя</li>
			<li>Возраст</li>
			<li>Город</li>
		</ul>
	</div>
	<div class="table-position" id="u_1">
		<div class="user-field-position">
			<input type="text" id="1_id" value=" 1" readonly>
		</div>
	<div class="user-field-position">
		<input type="text" id="1_name" value="Винни Пух" readonly onclick="show_input(this, 2)">
	</div>
	<div class="user-field-position">
		<input type="text" id="1_age" value="20" readonly onclick="show_input(this, 3)">
	</div>
	<div class="user-field-position">
		<input id="1_city" value="Уфа" readonly onclick="show_select(this)">
	</div>
</div>
<div class="table-position" id="u_2">
	<div class="user-field-position">
		<input type="text" id="2_id" value=" 2" readonly>
	</div>
	<div class="user-field-position">
		<input type="text" id="2_name" value="Кролик" readonly onclick="show_input(this, 2)">
	</div>
	<div class="user-field-position">
	     <input type="text" id="2_age" value="25" readonly onclick="show_input(this, 3)">
	</div>
	<div class="user-field-position">
		<input id="2_city" value="Новосибирск" readonly onclick="show_select(this)">
	</div>
	</div>
</div>

Как сделать так, чтобы к u_1 применялись стили для нечетных потомков, а к u_2 для четных?

Очевидно, это делается с помощью конструкции :nth-child(even|odd)
Но у меня ничего не выходит. Подскажите, пожалуйста.

Answer 1

[IvanKalinin]

Если вопрос в том, как реализовать

конструкции :nth-child(even|odd)

, то
:nth-child(2n) и :nth-child(2n-1)

Answer 2

[x-comzbk]

Ну впринципе он и так работает (even|odd)
https://jsfiddle.net/3ekem7cx/