纯css在layui表格中实现hover下拉菜单

在之前的两篇笔记中波波主要采用dropdown插件来完成了表单中的下拉菜单。尽管采用dropdown能够实现下拉菜单的效果，但在与后端PHP代码对接过程中发现了很多其他问题。

昨天下班站在公交车上，思考了很久。决定还是纯手工CSS来实现吧。为了方便后续自己使用，因此特意做篇笔记。如果其他人跟波波有同样的需求，也可以参考。

首先看下效果：

实现代码：

1、CSS部分

2、HTML部分（备注：仅供参考）

<span class="nav-list" style="display: inline-block;text-decoration: none;cursor: pointer;position: relative">
<a class="more" href="javascript:;" data-value="{$vo.id}">更多▼</a>
<ul class="slide-submenu qy-box">
{if auth("/admin/device/index")}<a data-open='{:url("/admin/device/index")}?id={$vo.id}' href="javascript:void(0)" data-title="设备管理">设备管理</a>{/if}
{if auth("/admin/repaire/index")}<a data-open='{:url("/admin/repaire/index")}?id={$vo.id}' href="javascript:void(0)" data-title="维修管理">维修管理</a>{/if}
{if auth("/admin/keepfit/index")}<a data-open='{:url("/admin/keepfit/index")}?id={$vo.id}' href="javascript:void(0)" data-title="保养管理">保养管理</a>{/if}
{if auth("/admin/inspection/index")}<a data-open='{:url("/admin/inspection/index")}?id={$vo.id}' href="javascript:void(0)" data-title="巡检管理">巡检管理</a>{/if}
{if auth("/admin/component/index")}<a data-open='{:url("/admin/component/index")}?id={$vo.id}' href="javascript:void(0)" data-title="部件管理">部件管理</a>{/if}
{if auth("/admin/spare/index")}<a data-open='{:url("/admin/spare/index")}?id={$vo.id}' href="javascript:void(0)" data-title="备件管理">备件管理</a>{/if}
{if auth("/admin/otherset/index")}<a data-open='{:url("/admin/otherset/index")}?id={$vo.id}' href="javascript:void(0)" data-title="其他设置">其他设置</a>{/if}
</ul>
</span>