SuperToster
@SuperToster

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

Привет, подскажите пожалуйста, почему ie11 игнорирует:
body [class*=--restricted],
body [class*=__restricted] {
    box-sizing: border-box;
    margin: 0 auto; padding: 0 3rem;
    max-width: 138rem;
}
Что то неправильно написано?

Спасибо!
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
Удали, пожалуйста, этот быдлокод и забудь про regex-селекторы навсегда.
1) Низкий перформанс
2) Если у тебя в блоке будет лежать другой блок с элементом или модификатором restricted - он унаследует код не его элемента и всё поедет.
Чтобы сохранять и наследовать имя блока на любой уровень вложенности css конструкции используй sass, сохраняя в начале модуля & в переменную. Например:
.block {
  $parent: &;
  &--active {
    #{$parent}__component {display: block}
  } 
  &__component {
    display: none;
  }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы