Javascript 更改父元素悬停时的子元素位置

我有一个菜单，它变得有点棘手，我需要使用CSS来改变子元素的位置，当在pseudo元素之后悬停在父元素上时。所以我将在下面进一步解释。我真的想避免使用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:after，我想让ul本身改变。但是我怎样才能让它根据自己的伪元素改变自己呢

因此，基本上我希望当我将鼠标悬停在上方时，框会移动：之后，当我在框内移动鼠标时，框会保持活动状态

我正在设计伪元素的样式，如下所示：

.nav ul li ul:after

我尝试使用以下方法，但似乎不起作用：-

.nav ul li ul:after:hover {}

.nav ul li ul:hover:after {}

---

这可能吗？我想这会很容易…

嗯，你能解释一下为什么要使用：after选择器吗？并定义“移动盒子”？比如增加更多的边距？是的，所以我想：after作为一个Like，read more按钮，当悬停时，它会通过增加更多的高度移动它的父对象（ul），使其像一个显示按钮。你不能通过在css中悬停子对象直接选择父对象，它只会向下级联。但是看看这个SO问题和它的引用问题，它可能包含一些你可以使用的片段：它可能非常简单，问题是没有人真正理解你所说的，可能一个简单的代码/演示会有所帮助。嗯，你能解释一下为什么要使用：after选择器吗？并定义“移动盒子”？比如增加更多的边距？是的，所以我想：after作为一个Like，read more按钮，当悬停时，它会通过增加更多的高度移动它的父对象（ul），使其像一个显示按钮。你不能通过在css中悬停子对象直接选择父对象，它只会向下级联。但是看看这个SO问题及其引用的问题，它可能包含您可以使用的代码片段：这可能非常简单，问题是没有人真正了解您所说的内容，可能一个简单的代码/演示会有所帮助。