Как сделать вложенный список с другой маркировкой?

Задание такое: сделать список, на одном из пунктов сделать вложенный список, который маркировался бы по-другому.

Что-то типа такого:

Для изменения маркера есть свойство type в атрибутах ol или ul.


<ul type="circle">
  • Fruits
    <ul type="square">
  • Apples
  • Bananas


  • Meat
  • Fish
  • Sweets

  • Вот что получается в результате:

    Подробнее про маркировку и прочее можно узнать на курсе HTML5 / CSS3.

    Плохо видно контент элементов в списке, но поверьте, что там значения именно такие как на скрине результата