Less css, nested attributes, :hover::after

Question

Is it possible to do this with less?

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

I can't get the :after to change color when hovering over a?

Answer 1

The following works fine for me:

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

My LESS-enabled editor, compiled that to:

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

Which does work.