:: before синтаксис с эффектом: hover

Question

У меня есть этот вопрос. Вот в этой части:

&__item::before {
    // Style...
}

&__item:hover::before, 
&__item--active::before { 
    transform: scaleY(1); 
    width: 100%; 
}

:: before на самом деле знает, что стиль, который он должен применить, относится к '' перед элементом 1009 * когда завис? Я спрашиваю об этом, потому что я создал один эффект целиком с псевдоэлементом before, и этот синтаксис выглядит следующим образом: '' Когда элемент наведен, создайте псевдоэлемент с этим стилем "

Answer 1

Я не уверен насчет вопроса, но если вы хотите правильно выбрать псевдо-селекторы, просто убедитесь, что вложенность правильная.

Что-то вроде этого:

  &__item {
    // Selector
    &:before {
      // Selector pseudo (:before)
    }

    &--active,
    &:hover {
    // Hover||Active applied on Selector
      &:before {
        // Hover||Active applied on Selector pseudo (:before)
      }
    }
  }

Пожалуйста, проверьте эту ручку: https://codepen.io/edonrexhepi/pen/qBdvVXe?editors=1100