Sass добавить родительский селектор после текущего (селектор &)

Question

У меня есть BEM структуру, как это (но вопрос не о BEM):

.form-element { //.form-element 
    ... 
    &__control { //.form-element__control 
     ... 
    } 
    //now I want to have specific rule: textarea.form-element__control 
    textarea& { // < here is an error 

    } 
    //it works like this: 
    textarea & { 

    } 
} 

Я думаю, я что-то крошечное, как через наручи отсутствует, или что-то подобное, если оно вообще выполнимо.

Вопрос в коде комментарии :)

Answer 1

Если следовать моему примеру это добиться того, что вы после этого.

Используйте метод интерполяции #{ } и объединить его с функцией @at-root

@at-root textarea#{&} { 
    display: none; 
} 

Мой пример здесь

.contact-block { 
    @at-root textarea#{&} { 
     display: none; 
    } 
} 

компилирует

textarea.contact-block { 
    display: none; 
} 

Так это то, что ваш будет выглядеть

.form-element { 
    &__control { 
     @at-root textarea#{&} { 
      display: none; 
     } 
    } 
} 

Компилирование в

textarea.form-element__control { 
    display: none; 
}