Необходимо выбрать только элемент .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?


Ответы (0 шт):