相请问下里面的这段代码实现的是什么功能？谢谢

Question

.nav { width:100%; margin-top:10px;}.nav li { margin:0 32px; float:left;}.nav li a { color:#7f7f7f; font-size:16px; display:block; padding-bottom:2px;}.nav li a:hover { border-bottom:3px solid #cc0000; text-decoration:none;}.nav li.current { border-bottom:3px solid #cc0000;}.nav li.current a:hover { border-bottom:none;}

Answer 1

//.nav这个类名 宽度：100%；上外边距：10px
.nav {
width:100%;
margin-top:10px;
}

//.nav这个类名下的所有li标签 上下外边距为0 左右外边距为32px，向左浮动
.nav li {
margin:0 32px;
float:left;
}

//.nav li  .nav这个类名下的所有li标签 下的所有a标签 字体颜色为#7f7f7f，字号为16px，块状显示，底内边距：2px
.nav li a {
color:#7f7f7f;
font-size:16px;
display:block;
padding-bottom:2px;
}

//.nav这个类名 下的所有li标签 下的所有a标签，当鼠标移入的时候，在a标签的底部增加一个3px 实线 颜色为
//#cc0000 的边框
.nav li a:hover {
border-bottom:3px solid #cc0000;
text-decoration:none;
}

// .nav这个类名 下的li标签中类名为.current的标签中的底部是一个3px 实线 颜色为#cc0000 的边框
.nav li.current {
border-bottom:3px solid #cc0000;
}

//.nav这个类名 下的li标签中类名为.current的标签，鼠标移入的时候底部边框消失
.nav li.current a:hover {
border-bottom:none;
}

Answer 2

这是一个导航条