Как изменить размер шрифта в плагине для встраивания HTML?

Question

Я написал плагин / виджет для сайта example.com, который вставлен в виде кода .css и .js. Плагин монтируется на элементе example.com #app. На сайте example.com есть собственная таблица стилей с

html {
 font-size: 12px;
}

, которые влияют на весь сайт, включая мой плагин. Я пробовал

#app {
 font-size: 16px;
}

но некоторые элементы виджета все еще имеют свойство font-size: 12px. И example.com, и мой виджет используют bootstrap 4.

EDIT: Пожалуйста, взгляните на скрипку:

https://jsfiddle.net/aq9Laaew/264383/

Answer 1

Проблема в том, что некоторые элементы виджета наследуют размер шрифта из первого правила CSS. Один из способов сделать это - установить размер шрифта для всех дочерних элементов #app следующим образом:

#app * {
  font-size: 16px;
}

Answer 2

попробуйте использовать тег !important.

#app{
  font-size:16px!important;
}