How to chain pseudo selectors in SASS

Question

I'm trying to put together a selector in SASS that will operate on the visted, hovered state of a link, but I can't quite seem to get the markup right, can someone enlighten me? I was writing it like this:

 &:visited:hover
     attribute: foo

Answer 1

a
  &:visited:hover
    attribute: foo

Nowadays, this is the only valid form. Indention has to be consistent (2 spaces are recommended) and the colon follows the attribute.

Answer 2

a
 &:visited:hover
    :attribute foo

Try that - note that identation is two spaces, and the colon goes before attribute not after.

Answer 3

Perfect for Hover and Before / After:

&:hover {
    color:#FFFFFF;

    &::before {
      color:#FFFFFF;
    }
}