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

Sanya Proger разместил пост 12 сентября 2018

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

Петр Алексеевич разместил пост 12 сентября 2018

 

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


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

 

 

<ul>
    <li>
       
Список 1
   
</li>
    <li>
       
Список 2
   
</li>
    <li>
       
Список 3
       
<ul>
            <li>
               
Список 3.1
           
</li>
            <li>
                
Список 3.2
               
<ul>
                    <li>
                       
Список 4.1
                   
</li>
                    <li>
                       
Список 4.2
                   
</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Close