---

<ul class="main-list">
    <li>Триасовый</li>
    <li>Юрский
        <ul>
            <li>Ранняя и средняя юра</li>
            <li>Поздняя юра</li>
        </ul>
    </li>
    <li>Меловой
        <ul>
            <li>Ранний мел</li>
            <li>Поздний мел</li>
        </ul>
    </li>
</ul>

.main-list {
    list-style-type: circle;
}

.main-list ul {
    list-style-type: square; /* вложенные — квадратики */
}