html - 当字体大小已经在 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>

从第一个

到最后一个

的代码是由所见即所得的程序生成的，所以我无法更改它(它是从我的 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;
     }