How to simplify styles (padding can only be applied to a):

.admin-division-menu > ul > li a.admindivisionmenu-without-clild {padding-left: 20px;} .admin-division-menu > ul > li > ul > li a.admindivisionmenu-without-clild {padding-left: 30px;} .admin-division-menu > ul > li > ul > li .admindivisionmenu-child {margin-left: 30px;} .admin-division-menu > ul > li > ul > li > ul > li a.admindivisionmenu-without-clild {padding-left: 50px;} .admin-division-menu > ul > li > ul > li > ul > li .admindivisionmenu-child {margin-left: 50px;} .admin-division-menu > ul > li > ul > li > ul > li > ul > li a.admindivisionmenu-without-clild {padding-left: 70px;} .admin-division-menu > ul > li > ul > li > ul > li > ul > li .admindivisionmenu-child {margin-left: 70px;} .admin-division-menu > ul > li > ul > li > ul > li > ul > li > ul > li a.admindivisionmenu-without-clild {padding-left: 90px;} .admin-division-menu > ul > li > ul > li > ul > li > ul > li > ul > li .admindivisionmenu-child {margin-left: 90px;}

  • 2
    Hang classes level-n on ul - KAGG Design

1 answer 1

Perhaps the wrong answer ... What if you use em for your problem?

em - changes relative to the font size of the element (2em means 2 times the size of the current font).

Useful link https://www.w3schools.com/cssref/css_units.asp

 ul > li{ margin-left: 1.2em; padding-left: 1.2em; font-size: 1.2em; } 
 <ul> <li> lol <ul> <li> lol <ul> <li> lol <ul> <li> lol </li> </ul> </li> </ul> </li> </ul> </li> </ul>