不使用js实现下拉菜单

html部分：

<div id="pastnews-text" >

     <div class="text-menu"><i class="icon-arrow-down2" style="float:right;color: #CCD6DE;"></i>      <ul class="menu-list">      <li class="menu-elem">Delete post</li>      <li class="menu-elem">Update post</li>      </ul>

     </div>

css段：

.menu-list{display: none;} .text-menu:hover .menu-list{display:block;}     <!--当鼠标放在.text-menu类时，将显示menu-list类元素 -->