如何更改嵌入HTML插件中的字体大小？

Question

我已将插件/小部件写入了example.com网站，并粘贴为.css和.js代码。插件安装在example.com #app元素上。网站example.com带有

自己的样式表

html {
 font-size: 12px;
}

这会影响整个网站，包括我的插件。我已经尝试过

#app {
 font-size: 16px;
}

，但是小部件的某些元素仍具有font-size：12px属性。 example.com和我的小部件都使用bootstrap4。

编辑： 请看一下小提琴：

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

Answer 1

尝试使用!important标签。

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

Answer 2

问题是小部件的某些元素正在从第一个CSS规则继承字体大小。 一种方法是像这样设置#app的所有后代元素的字体大小：

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