如何防止DIV中的em字體大小被主CSS字體大小所覆蓋

Question

我在頁面中包含了一個小部件，並將其包裝在div中，其類widgetText。並且此小部件的所有字體大小都設置爲em s。這些字體大小看起來不錯，在小部件的主要css文件body中聲明的font-size。但是，當我將這個小部件放到我自己的頁面中時，它的字體大小看起來太小了，並且受到我的頁面的CSS樣式表中聲明的bodyfont-size的影響。我如何防止類widgetText這個div受到主樣式表字體大小的影響？

Answer 1

在您的em尺寸後添加！重要！

例如

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

Answer 2

em是父親的相對位置，所以請嘗試設置px的基本大小爲widgetText。