CSS: select every odd DIV-only

Question

I have a HTML structure like this:

<h3>h3</h3>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
...

I would like to select every second div (ignoring the h3s). Is that possible with CSS?

Thanks!

Answer 1

Use nth-of-type(even)

div:nth-of-type(even) {
    color: tomato;
}

<h3>h3</h3>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>

Answer 2

You can use this on the parent wrapper.

div:nth-child(even) {

    //code here
}