2013-11-22 44 views
0

我一直在寻找这个在互联网上的正确答案,但找不到任何有效的东西。当字体大小已经在HTML代码中定义时,我可以相对调整字体大小吗?

这是我的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>的代码,直到最后< /通过所见即所得PROGRAMM所产生P >,所以我不能改变(这是从我的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。
有谁知道我该怎么做?提前致谢。

+1

如何显示字体的大小最初设置,请。 – isherwood

+1

你可以使用!重要的,因为这个答案建议。 http://stackoverflow.com/a/1933269/2816674 – 2013-11-22 16:10:16

+0

+1 to @Sinomai。由于您使用的内联样式是您将不得不使用的选项。 –

回答

1

This JSFiddle显示了您将需要添加到您的CSS代码:

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

我讨厌使用!重要的,但有时候是这样。 – DrCord

+0

我同意你@DrCord,但如果模板不可修改,则看不到其他选项... –

+0

JavaScript删除内联样式... – DrCord

相关问题