css - 如何将悬停更改为单击（响应菜单）

Question

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

这是实际的代码

    .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;
    }

但我找不到正确的方法

标签： cssresponsive-design