CSS控制二级菜单动态出现不只有js才能做到

一直认为二级菜单的出现效果只有js才能控制，今天研究了一下阿里巴巴网站的首页，才发现，原来二级菜单的动态显示也可以使用CSS来控制，原来对CSS是静态的东西一直是误解它了，CSS也可以实现动态的效果，现把主要代码展示如下：

HTML代码：

复制代码

代码如下:

• 
  Agriculture
  
  
  Agriculture
  Rice
  Apples
  Olive Oil
  Herbal Cigars & Cigarettes
  Plant & Animal Oil
  See all categories
  
  
  

CSS代码：

复制代码

代码如下:

.ls-cate li div{
display:none;
position:absolute;
z-index:2;
left:190px;
top:-1px;
border:1px solid #DDD;
background-color:#FFF;
box-shadow:3px 3px 6px #C2C2C2
}
.ls-cate li div .title,.ls-cate li div a{
display:block;
background-color:#FFF
}
.ls-cate li:hover div{
display:block
}

源码下载地址