<div class='item'>item</div>
<div class='item'>item</div>
<div class='item'>item</div>
<div class='item'>item</div>
<div class='item'>item</div>
<div class='item hidden'>hidden item</div>
<div class='item'>item</div>

.item {
	background: indigo;
	margin: 0.4em;
	color: white;
	padding: 0.4em;
}

/* .item:not(.hidden):nth-child(odd) {
		background: red;
} */

.item:nth-child(odd of :not(.hidden)) {
	background: red;
}

.hidden {
	display: none;
}