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
Solution
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.
OTHER TIPS
a
&:visited:hover
:attribute foo
Try that - note that identation is two spaces, and the colon goes before attribute not after.
Perfect for Hover and Before / After:
&:hover {
color:#FFFFFF;
&::before {
color:#FFFFFF;
}
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow