SASS - 将转换器应用于 ::after 当 :悬停

Question

我正在尝试在 ：：over 时对 ：：after 元素进行更改，但它不起作用，这是我的代码，请告诉我出了什么问题，谢谢！

&::after
content: ""
width: 100%
height: 100%
background:
image: url('../img/couverture.jpg')
size: cover
position: center
repeat: no-repeat
//outline: 1px solid red
position: absolute
z-index: 1
&::after:hover
outline: 1px solid red

Answer 1

您应该将悬停缩进后面，如下所示：

.element {
&:after {
&:hover {
styling:here;
}
}
}

Answer 2

而不是

:after:hover

尝试

:hover:after

Answer 3

我想你呈现的CSS会像，

Element::after::after:hover{ outline: 1px solid red }

这是无效的，hover:after也不起作用。