在父元素

Question

我有一个菜单，它有点棘手，我需要使用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 {}

这可能吗？我觉得这很容易......