CSS 控件适配器的菜单样式解释

CSS 控件适配器中，使用最复杂的应该是 TreeView 和 Menu 了，因为他们都可能具有多级递归结构。
在这个工具包自带的官方例子中，有一个 SimpleMenu.css 作为一个定义样式的范本来参考。我在此示例的基础上将它修改为了专门针对垂直排列的菜单的样式 (SimpleMenuVertical.css)。并且为了方便使用，我添加了一些注释，分享于此。
（这种复杂度的 CSS 不加注释对大多数人来说是很难理解的）

这个菜单的显示效果如下：

.SimpleEntertainmentMenu ul.AspNet-Menu ul

.SimpleEntertainmentMenu ul.AspNet-Menu li

.SimpleEntertainmentMenu ul.AspNet-Menu li a,
.SimpleEntertainmentMenu ul.AspNet-Menu li span

.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span

.SimpleEntertainmentMenu ul.AspNet-Menu li:hover,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover

.SimpleEntertainmentMenu ul.AspNet-Menu li:hover a,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover span,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover li:hover a,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover li:hover span,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover li:hover ul a:hover,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover

.SimpleEntertainmentMenu ul.AspNet-Menu li:hover ul a,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover ul span,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover li:hover ul a,
.SimpleEntertainmentMenu ul.AspNet-Menu li:hover li:hover ul span,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span

.SimpleEntertainmentMenu ul.AspNet-Menu li a:hover,
.SimpleEntertainmentMenu ul.AspNet-Menu li span.Asp-Menu-Hover

.SimpleEntertainmentMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover

.SimpleEntertainmentMenu .AspNet-Menu-Selected

.SimpleEntertainmentMenu .AspNet-Menu-ChildSelected

.SimpleEntertainmentMenu .AspNet-Menu-ParentSelected
{
border: solid 1px #0000ff !important;
}