Оцените код [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 {
list-style:none;
width:200px;
padding:0px 0px;
margin:0px;
background-color:#FFFFFF;}

.main-menu > li > a {
border-bottom:2px solid #2C3E50;
background-color:#2980B9;
color:#FFFFFF;
padding:10px 15px;
margin:0px;
text-decoration:none;
}
.main-menu ul{
padding:10px 15px;
border-bottom:2px solid #2C3E50;
}
.main-menu a {
display:block;
}
.main-menu li li a{
color:#2980B9;
padding:5px 0px;
}
.main-menu li li {
list-style:none;
}
.main-menu .active > a {
background-color:#1ABC9C;}

Хороший у вас код. Если уж совсем строго оценивать, то можно немножко исправить. Если отступы нулевые, то достаточно писать padding: 0; т.е. без единицы измерения. А в селекторах вида .main-menu li li a или .main-menu li li сочетание li li заменить на ul, хотя смысл от этого не меняется, вложенность показана верно.

2 лайка

Огромное спасибо!!!