Question

我尝试在:: after元素上应用更改时：hover但它不起作用，这里是我的代码，请告诉我错误，谢谢！

＆＃13;

&::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

＆＃13;

Answer 1

而不是

:after:hover

试

:hover:after

Answer 2

你应该在下面的内容中缩进，如下所示：

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

Answer 3

我猜你的渲染CSS会像，

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

哪个无效，hover上的:after也无效。

SASS - 在以下时间将转换器应用于:: hover

3 个答案: