Необходимо выбрать только элемент .div, где написано yes
<li>
<ul>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
</ul>
<ol>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
</ol>
<ul>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
<li>
<div>YES</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
<li>
<div>NO</div>
<div>NO</div>
<div>NO</div>
<div>NO</div>
</li>
</ul>
Сделать это нужно с помощью псевдоклассов. Прописываю ul li:nth-child(3), но оно выбирает yes вместе с другими div-ами. Подскажите, как обратиться только к yes?