15/28. 100% но намудрил. Прошу оценить!


#1

Несмотря на 100 % результат, но все-таки можно ли этот код как-то укоротить?

Испытание: многоуровневое меню

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

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-size: 14px;
line-height: 1.4;
font-family: “Arial”, sans-serif;
background-color: #ecf0f1;
}
.main-menu {list-style: none;
padding: 0px;
margin: 0px;
width:200px;}

.main-menu> li> a {display: block;
width: 170px;
padding: 10px 15px;
background-color: #2980b9;
text-decoration: none;
color: #ffffff;
border-bottom: 2px solid #2c3e50; }

.main-menu {list-style: none; }

.main-menu >.active>a {background-color: #1abc9c;}

.main-menu li li a {display:block;
list-style: none;
padding: 5px;
color: #2980b9;
border: none;
text-decoration: underline; }

.main-menu ul {width: 175px;
height: 97px;
padding: 10px 15px 0px 10px;
list-style: none;
background-color: #ffffff;
border-bottom: 2px solid #2c3e50; }