点击事件后的CSS

我正在尝试单击x（x是在单击菜单加号后创建的），然后将下拉列表恢复

我试过了

a:after:checked ~ .submenu{
  max-height: 999px;
}

---

我知道我很接近了，但当点击“x”时，我无法让下拉栏返回到上

如果x妨碍了您打开和关闭菜单，那么您可以添加

指针事件：无到您的
nav ul>li.sub>a:after

CSS

nav ul > li.sub > a:after {
  pointer-events: none;
}

嗯，当我展开它时，我遇到了一个问题。有没有设置一个固定的高度呢？我添加的代码并没有引起这个问题。在代码笔中，它按预期工作。你以前有过这个高度问题吗？我有点困惑，因为在你的问题中，你说的是x妨碍了你的下拉关闭，但是你在问题中发布的CSS与
。子菜单
高度有关。请澄清该问题，使其与一个问题相关。如果您有其他问题，请创建一个单独的问题。嘿，亨特-很抱歉。我不知道那也是我的钢笔。我将创建一个单独的一个谢谢！如果您能够使用
for
属性将这些
a
s切换到
标签
s，则可以解决此问题。现在的问题是伪元素正在捕捉点击（老实说有点惊讶
a
没有）。
标签
在语义上更加正确，单击伪元素将切换复选框。另外，您还可以隐藏复选框，并将样式应用于标签（这更有利于它）。