Javascript嵌套列表css

我的清单如下：

<ul>
   <li>
      <a>Link1</a>
      <ul>
         <li>
            <a>SubLink1</a>
         </li>
         ...   
      </ul>
   </li>
   <li>
      <a>Link2</a>
   </li>
   ...
</ul>

但是这个代码是错误的，因为我的父母也有css类。 我怎样才能解决这个问题？

---

谢谢。

您需要

停止播放（）

以防止事件冒泡出现在侦听器树上：

document.getElements('li').addEvents({
  mouseover: function(e){
    this.addClass('css_class');   
    e.stopPropagation();
  },
  mouseout: function(){
    this.removeClass('css_class');   
    e.stopPropagation();
  }
});

---

这是一个mootools.net图书馆谢谢！正确的解决方案！

document.getElements('li').addEvents({
  mouseover: function(e){
    this.addClass('css_class');   
    e.stopPropagation();
  },
  mouseout: function(){
    this.removeClass('css_class');   
    e.stopPropagation();
  }
});