Сасс Вещи для ссылок онлайн урок.


через Alex King, вы можете использовать переменные для селекторов:

$a-tags: 'a, a:active, a:hover, a:visited';
$a-tags-hover: 'a:active, a:hover';

#{$a-tags} {
color: red;
text-decoration: none;
}
#{$a-tags-hover} {
color: blue;
}

Вы даже можете так гнездиться, и это становится еще более полезным:

.module {
#{$a-tags} {
color: blue;
text-decoration: none;
}
}

через Реджи Доусон, вы также можете создать @mixin, чтобы выстроить вещи для вас. Обратите внимание, что эти псевдо-стили ссылок являются большим вариантом использования для вложенности в целом.

@mixin linx ($link, $visit, $hover, $active) {
a {
color: $link;
&:visited {
color: $visit;
}
&:hover {
color: $hover;
}
&:active {
color: $active;
}
}
}

Приложение Compass предлагает mixin:

@include link-colors(#00c, #0cc, #c0c, #ccc, #cc0);