:first-of-type не работает так, как должен

Мне трудно понять, почему класс :first-of-type работает для всех типов, а не только для первого. Вот мой пример кода

**<style>
    .garden ol:first-of-type li {
        color: green;
    }
</style>**


<ul class = "garden">
    <div>Garden</div>
    <li>Fruit:
        <ol>
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
        </ol>
    </li>
    <li>Vegies:
        <ol>
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
        </ol>
    </li>
</ul>

В результате обе OL окрашены в зеленый цвет. Если я попытаюсь использовать :nth-of-type(1) - ничего не будет окрашено Если я попытаюсь использовать :nth-of-type(2) - оба OL снова будут окрашены

Что я делаю неправильно?