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

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>

来自第一个＆lt; p＆gt;的代码直到最后＆lt; / p＆gt;由wysiwyg-programm生成，所以我不能改变它（它是从我的phpMyAdmin数据库下载的。）
但是，我想通过CSS（或者通过其他方式，如果你们中的任何人知道更好的方式）将字体大小扩大3倍。 所以现在一切都是14px，我希望它是42px。但是，我无法在HTML代码中更改此设置。出于某种原因，这不起作用：

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

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

Answer 1

This JSFiddle显示了您需要添加到CSS中的代码：

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