Как можно уменьшить шрифт при разветвлении элементов ul?

Суть в том что чем больше разветвлений в списке тем меньше будут самые отдаленные, тоесть есть пункт 1, внутри него пункт 1.1, а внутри него пункт 1.1.1, и каждые последующие начиная с первого должны уменьшатся.

Такое можно сделать с помощью em но только если подпунктов не сильно много, то есть вложенность не слишком большая, в противном случае очень отдаленные элементы будут слишком маленькими.


li {
list-style-type: none; /* Убираем маркеры */
}
ul ul {
font-size: 0.9em
}



Список 1


  • Список 2


  • Список 3


    Список 3.1


  • Список 3.2


    Список 4.1


  • Список 4.2