如何将鼠标悬停更改为单击（响应菜单）

Question

我需要在单击时显示子菜单，现在需要将其悬停。

这是实际的code

    .nav .menu .child-sub-menu > li > a > span:nth-child(1),
    .nav .menu .sub-menu > li > a > span:nth-child(1),
    .nav .menu > li > a > span:nth-child(1) {
        float: left;
        margin: 0 .4em 0 0;
    }

    .nav .menu .child-sub-menu > li > a > span:nth-child(2),
    .nav .menu .sub-menu > li > a > span:nth-child(2),
    .nav .menu > li > a >span:nth-child(2) {
        float: right;
        margin: 0 0 0 1em;
    }

但是我找不到正确的方法