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 лайк