在css中禁用链接（单击）以便父菜单不影响子菜单？

Question

我正在使用包含子菜单列表的父菜单。我需要隐藏一个父菜单链接而不影响该子菜单。我使用了pointer-events:none;，但它影响了子菜单。当我使用它时，子菜单没有列出。所以任何人都可以帮助我，我只需要在css中，而不是在jquery或javascript中。提前致谢。 这是我的菜单参考，

Answer 1

尝试这样的事情，

HTML
<nav>
    <ul>
        <li>
            <p>Group Profile</p>
            <a></a>
            <ul>
                <li>SP Sports</li>
            </ul>
        </li>
    <ul>
</nav>

CSS
li {
    position: relative;
}
li:hover > ul {
    display: block;
}
li > a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 30px;
}
li:hover > a {
    display: none;
}

看看它是否有帮助......