Google выпустила обновление браузера Chrome 112. Разработчики добавили поддержку препроцессорных правил вложения CSS-селекторов и обновили алгоритм фокусировки в элементах с тегом <dialog>. Новая версия браузера уже доступна пользователям и разработчикам.

Правила вложения CSS-селекторов теперь поддерживаются в Chrome 112. Без таких правил разработчику необходимо явно объявлять каждый селектор. Такое повторение приводит к нагруженному коду:

.nesting {
  color: hotpink;
}

.nesting > .is {
  color: rebeccapurple;
}

.nesting > .is > .awesome {
  color: deeppink;
}

Теперь можно использовать правила вложенных селекторов CSS Nesting. Разработчикам это поможет быстрее писать код, а файлы таблиц стилей станут более компактными и читаемыми:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

HTML-тег <dialog> обычно используется для определения диалоговых окон и других интерактивных окон. В Chrome 112 разработчики обновили алгоритм, выбирающий элемент для фокусировки. Теперь он зависит от фокусируемых элементов клавиатуры, а сам элемент <dialog> будет получать фокус только в том случае, если у него установлен соответствующий атрибут.

Также в релиз вошло следующее:

  • поддержка свойства animation-composition в CSS;

  • поддержка RegExp;

  • добавили свойство background-blur;

  • WebGLContextEvent теперь может работать в Web Workers;

  • реализовали механизм сборки мусора WebAssembly;

  • добавили поддержку WebAssembly Tail Call.

Браузер Chrome 112 доступен для Windows, macOS, Linux, Android и iOS. Пользователи браузера получат автоматическое обновление.