Html LMS内课程菜单列表中元素的CSS效果

学习管理系统OLAT允许在创建在线课程时使用CSS创建样式/设计。 屏幕截图上显示了课程网站的某些部分以及相应的ID或类选择器

如果我知道左侧菜单（编号3）中的每个元素的CSS ID选择器为“o#u main_left_content”，我如何接触到它们以应用悬停效果？

Using tree class because it represents lists of that type!



/* tree on top */
.o_tree ul li .active_parent.o_tree_link a:hover, .o_tree ul li,  .active_parent.o_tree_link a,
.o_tree ul li .active_parent.o_tree_link a:hover, .o_tree ul li,     .active_parent.o_tree_link a:focus
{
color: #84A311;
}