css - 更少的 css、嵌套属性、:hover::after

Question

有没有可能用更少的钱做到这一点？

a {
    &:after {
        background: red;
    }
    &:hover {
        &:after {
            background: blue;
        }
    }
}

当悬停在 a 上时，我无法让 :after 改变颜色？

Answer 1

以下对我来说效果很好:

a {
    &:after {
        content:'a';
        background: red;
    }
    &:hover {
        &:after {
            background: blue;
        }
    }
}

我的支持 LESS 的编辑器将其编译为:

a:after {
  content: 'a';
  background: red;
}
a:hover:after {
  background: blue;
}

哪个有效。