Соединение псевдоклассов в SASS

Амперсанд удобно применять при работе с псевдоклассами. Смотрите пример:

a { color: blue; &:hover { color: red; } }

Результат компиляции:

a { color: blue; } a:hover { color: red; }

Расскажите, каким будет результат компиляции следующего кода:

a.class { &:link { color: red; } &:visited { color: blue; } &:hover { color: green; } }

Упростите приведенный код:

#block { width: 300px; } #block a:link, #block a:visited { color: red; } #block a:hover { color: blue; }



Чат с GPT Компилятор