较少的CSS,嵌套属性,:hover :: after

Question

是否可以少花钱？

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

当我盘旋时,我无法改变颜色？

Answer 1

以下工作对我来说很好:

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

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

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

哪个确实有效.