[j0hnik]

<style>
		div.blockn1:nth-child(even){
			color: red;
		}
	</style>

	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>

прежде чем пробовать на CSS удалите код JQuery он меняет классы из за этого у вас такие эффекты и возникают.

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<style>
		div.blockn1:nth-child(even){
			color: red;
		}
	</style>

	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>

	<script>

$("div.blockn1:odd").removeClass("blockn1").addClass("blockn2");

	</script>