如何防止DIV中的em字体大小被主css字体大小覆盖

Question

我在我的网页上添加了一个小部件，并将其打包在div的课程widgetText中。此小部件的所有字体大小都在em s中设置。使用widget的主要css文件font-size中声明的body，这些字体大小看起来不错。但是当我将这个小部件放入我自己的页面时，它的字体大小看起来太小，并且受到我页面的css样式表中声明的body font-size的影响。如何防止类widgetText的此div受主样式表的font-size影响？

Answer 1

em相对于父级，因此请尝试将px中的基本大小设置为widgetText。

Answer 2

在你的大小之后添加！important。

e.g。

.widgetText{
    font-size: 12em !important;
}