css к сожалению нет. Как работает список в данном случае ? почему в одном случае то обычный маркер , то полый , то квадратный ? Какой css код может для этого быть?Не могу понять

<html lang="ru">
<head>
<meta charset="utf-8">
<title>Многоуровневый список покупок</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Список покупок</h1>
<ul>
<li>Еда
<ul>
<li>Рыба
<ul>
<li>Филе форели, 2 шт</li>
<li>Карась, 5 шт</li>
<li>Окунь, 10 шт</li>
</ul>
</li>
<li>Молочные продукты
<ul>
<li>Сметана</li>
<li>Йогурт</li>
<ul>
<li>Жирный</li>
<li>Обезжиренный</li>
</ul>
</ul>
</li>
</ul>
<li>Вещи
<ul>
<li>Игрушки</li>
<ul>
<li>Когтеточка</li>
<li>Мячи, 2 шт</li>
</ul>
<li>Уход</li>
<ul>
<li>Расчёска для шерсти</li>
<li>Мусс для усов</li>
</ul>
</ul>
</li>
</ul>
</body>
</html>