The Sass ampersand (&) symbol is used to reference the parent selector in a nested rule. For example, the following targets .btn on :hover: .btn { ... &:hover { background: dodgerblue; } } We can also place the & after a selector to reverse the nesting order: .btn { ... .navbar & { background: lightsteelblue; } } This outputs a descendant selector that targets a .btn element inside .navbar: .btn {
