<ul>
<li>1 (1 li)</li>
<li>2 (2 li)</li>
<div>3 (div)</div>
<li>4 (3 li)
<ul>
<li>4-1</li>
<li>4-2</li>
<li>4-3</li>
<li>4-4</li>
<li>4-5</li>
</ul>
</li>
<li>5 (4 li)</li>
<li>6 (5 li)</li>
</ul>
<ul>
<li>1 (1 li)</li>
<li>2 (2 li)</li>
<div>3 (div)</div>
<li>4 (3 li)</li>
<li>5 (4 li)</li>
<li>6 (5 li)</li>
</ul>
div { color: red; }
li:nth-of-type(odd) {
margin: 2px;
outline: 2px solid red;
}
li:nth-child(odd) {
border: 2px solid blue;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.