少css,嵌套属性,hover :: after

有可能少做这个吗？

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

徘徊不前，我不能得到改变颜色的？

解决方法

以下工作对我来说很好：

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

我的启用LESS的编辑器编译为：

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

哪个工作