I want to target the ordered list using a child selector ie ol>li {color:red;}. What am I doing wrong? It targets all li elements.


<div>
<ul>
<li>unordered list 1</li>
<li>unordered list 2
<ol>
<li>ordered list</li>
<li>ordered list 2</li>
<li>ordered list 3</li>
</ol>
</li>
</ul>
</div>