"многоуровневое меню" padding для подменю(15/28)

html, body {
    margin: 0;
    padding: 0;
}

body {
    width: 280px;
    min-height: 280px;
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    background: #ecf0f1;
}
.main-menu{
    width:200px;
    list-style:none;
    padding:0;
    margin-top:0;
}
.main-menu a{
    display:block;
    text-decoration: none;
    border-bottom: 2px solid #2C3E50;
    padding:10px 0 10px 15px;
}

ul ul{
    list-style:none;
    border-bottom:2px solid #2C3E50; 
    padding:0;
}
.active > a{
    color:#FFFFFF;
    background:#1ABC9C;
}

li a{
    color:#ffffff;
    background:#2980B9;
}
.main-menu ul li a{
    color:#2980B9;
    background:#ffffff;
    text-decoration:underline !important;
    border:none !important;
    padding:0 0 0 15;
    line-height:0.5;
    vertical-align:bottom;
   }
.main-menu .active ul:last-child > a{
   padding:10 10 1 0;
}

Что не делал, не могу заставить подменю не прыгать на изменения падинга с нулевого.
Чайлд не работает(почему?)
где напартачил?

Во-первых, :last-child нужно применять к li.
Во-вторых, задавайте единицу измерения для отступов. Например, padding: 10px 10px 1px 0px;

1 лайк