我有一个菜单，它有点棘手，我需要使用CSS来改变子元素在伪元素后悬停在父元素上的位置。所以我将在下面进一步解释。我真的想避免使用JavaScript，尽管onclick事件非常容易，在这种情况下它对我来说不实用（如果我能避免它，我想）。
所以这是我的多列表菜单，但只有第一级和第二级显示为标题，其余的作为列表：
---------------------------------------
| |
| Parent 1 Parent 2 Parent 3 |
| -------- -------- -------- |
| |
| Child 1 Child 2 Child 3 |
| Child 1 Child 2 Child 3 |
| Child 1 Child 2 Child 3 |
| Child 1 Child 2 Child 3 |
| Child 1 Child 2 Child 3 |
| Child 1 Child 2 Child 3 |
| |
| :after |
---------------------------------------
所以我想要做的是当你将鼠标悬停在：之后是主要的ul，所以它是ul：之后，我想让ul本身改变。但是如何根据它自己的伪元素让它自行改变呢？
所以基本上我希望盒子在我悬停时移动：之后，当我在盒子内部移动鼠标时它会保持活动状态。
我正在为这样的伪元素设置样式：
.nav ul li ul:after
我尝试使用以下内容，但它们似乎不起作用： -
.nav ul li ul:after:hover {}
.nav ul li ul:hover:after {}
这可能吗？我觉得这很容易......