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

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

这是一个导航条