这一小段JavaScript代码是什么意思？

麻烦帮助解释一下，对它不太熟悉
这段代码要达到的目的是：当鼠标在文字上面时，文字下面出现下拉菜单。
li:hover ul, li.over ul {   // ？这是什么意思
display: block; //我知道这是显示块信息
}
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over"; // ？这是什么意思 }
node.onmouseout=function() {
this.className=this.className.replace(" over", ""); // 这是什么意思 }
}
}
}
}
window.onload=startList;//--><!]]></script>