有没有办法在同一元素悬停时激活“之后”伪元素？ [复制]

【问题标题】：Is there any way to active "after" pseudo-element while same element being hovered? [duplicate]有没有办法在同一元素悬停时激活“之后”伪元素？ [复制]
【发布时间】：2020-05-26 02:35:23
【问题描述】：

我想在 li 元素悬停期间在列表菜单中添加一张图片作为底部边框。

li:hover li:after{
        content: "";
        display: block;
        background-image: url("http://placehold.it/350x65");
        background-repeat: no-repeat;
        background-position: center bottom;
    }

有什么办法吗？

【问题讨论】：

这能回答你的问题吗？ Multiple Pseudo Classes on a Single Selector

标签： html css

【解决方案1】：

您已经接近了，但是您编写它的方式会导致 li:after 覆盖 li:hover 您可以将两者结合起来。

li:hover:after { ... } - 当 li 悬停时更改 after 伪类。

li:after:hover { ... } - 只有在 after 本身悬停时才会更改伪类。

请记住，您应该在定义默认状态之后添加这些，就像任何其他悬停定义一样。

【讨论】：

谢谢，它有效。