当HTML代码中已经定义了字体大小时，我可以相对调整字体大小吗

Question

我一直在互联网上寻找正确的答案，但找不到任何有效的答案。

这是我的HTML代码：

<div id="wrapper3">
    <div id="content">
            <p><span style="font-family:verdana,geneva,sans-serif"><span style="font-size:14px">
this is text</span></span>&nbsp;</p><p><span style="font-family:verdana,geneva,sans-serif; font-size:14px">this is text</span></p>
    </div>
</div>

来自第一<p>直到最后<p>是由wysiwyg程序生成的，所以我不能更改它（它是从我的phpMyAdmin数据库下载的）
然而，我想通过CSS（或者通过其他方式，如果你们中有人知道更好的方法的话）将文本的字体大小放大3倍
所以现在所有14像素的东西，我希望它是42像素。但是，我无法在HTML代码中更改这一点。出于某种原因，这不起作用：

#content {font-size:3em;} // or:
#content p {font-size:3em;} // or:
#content p span {font-size:3em;}

它也不适用于300%而不是3em
有人知道我该怎么做吗？提前谢谢。

Answer 1

这个JSFiddle显示了您需要添加到CSS:中的代码

      #content span {
        font-size: 42px!important;
     }