Czy jest w css sposob na sprawdzenie czy element jest parzysty?

Question

Witam

Czy jest sposob zeby sprawdzic czy element jest parzysty?

Cos w stylu

(div>p+img)*5

<div>
	<p></p>
	<img src="" alt="">
</div>
<div>
	<p></p>
	<img src="" alt="">
</div>
<div>
	<p></p>
	<img src="" alt="">
</div>
<div>
	<p></p>
	<img src="" alt="">
</div>
<div>
	<p></p>
	<img src="" alt="">
</div>

i w css da sie zrobic tak:

div:nth-of-type(4){}

Czy jest cos takiego dla nieparzystych/parzystych?

Answer 1

div:nth-child(2n) {
    background: red;
}
/* lub */
div:nth-child(even){ 
    background:red;
}

https://www.w3.org/TR/css3-selectors/

https://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:nth-child

Comments

Ok dzieki!