Как сделать чтоб css не применялся к какому-нибудь блоку внутри html?

Question

Например: есть html, к нему подключен framework (materialize, js и css) и плагин для отображения таблицы (tabulator, js и css). В html есть div, куда рендерится таблица с помощью плагина tabulator, со всякими select input фильтрами. Materialize вмешивается в эту таблицу и меняет стили input'ов таблицы. Как запретить Materializу обрабатывать этот div?

Answer 1

Ждём поддержку браузерами. Пока только Chrome 118+. https://caniuse.com/mdn-css_at-rules_scope

@scope (:root) to (.smth) {
  input {
    background: red;
  }
}

<input> <input> <input>
<p><input> <input> <input></p>
<p class=smth><input> <input> <input></p>
<p><input> <input> <input></p>
<input> <input> <input></p>

БЛОГ НА HUSL

Как сделать чтоб css не применялся к какому-нибудь блоку внутри html?

Ответы (1 шт):