Подтвердить что ты не робот

Что означает & в селекторе scss?

На что ссылается & в селекторе scss?

    //Case 1

    .parent {
      & > ul {
        color: red
      }
    }

    //Case 2

    .parent {
      & > ul {
        & > li {
          color: blue;
        }
      } 
    }

    //Case 3

    .parent {
      & > ul {
        & > li {
          color: blue;
          &:hover {
            color: pink
          }
        }
      }
    }

Ответ 1

& является заполнителем для родительского селектора:

.parent {
  & > ul {
    color: red
  }
}

Это то же самое, что и

.parent > ul {
  color: red
}

Распространенным вариантом использования являются псевдоклассы, например:

.link {
  &:hover {
    color: red
  }
}

Хорошее объяснение с примерами можно найти в CSS Tricks.