不使用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类元素 -->