Se você usa SASS, pode ser muito útil ter variáveis que dão acesso a seletores comuns como:
.module {
background-color: #ff0000;
&:hover, &:focus {
background-color: #ffffff;
}
.ie7 &, .ie8 & {
background-color: #000000;
}
}
Podemos simplificar isso criando algumas variáveis para agrupar os dois estados e ambas as classes do navegador IE menores que o IE9.
$focus: '&:hover, &:focus";
$lte9: ".ie7 &, .ie8 &";
Agora nosso código será semelhante a este:
.module {
background-color: #ff0000;
#{$focus} {
background-color: #ffffff;
}
#{$lte9} {
background-color: #000000;
}
}
Referência
inspirada em Eric Meyers Susy Variáveis SASS http://susy.oddbird.net