Почему ie11 игнорирует конструкцию body [class*=--restricted]?

Question

[SuperToster]

Привет, подскажите пожалуйста, почему ie11 игнорирует:

body [class*=--restricted],
body [class*=__restricted] {
    box-sizing: border-box;
    margin: 0 auto; padding: 0 3rem;
    max-width: 138rem;
}

Что то неправильно написано?

Спасибо!

Answer 1

[Никита Кит]

Удали, пожалуйста, этот быдлокод и забудь про regex-селекторы навсегда.
1) Низкий перформанс
2) Если у тебя в блоке будет лежать другой блок с элементом или модификатором restricted - он унаследует код не его элемента и всё поедет.
Чтобы сохранять и наследовать имя блока на любой уровень вложенности css конструкции используй sass, сохраняя в начале модуля & в переменную. Например:

.block {
  $parent: &;
  &--active {
    #{$parent}__component {display: block}
  } 
  &__component {
    display: none;
  }
}