如何在这种情况下覆盖font-size（em）？

Question

我不想编辑p {font-size:1.3em; padding-bottom:15px;}，也无法添加特定于页面的外部css文件。

仅针对网页的一页我想从p {font-size:1.3em; padding-bottom:15px;}删除字体大小并想要添加此

#mainIntro {font-size:1.3em;}

如何实现这一目标？

问题是如何中和#mainIntro p {....}

中的字体大小

如果我保持

#mainIntro {font-size:1.3em;}然后我将获得双倍大小。

Answer 1

您可以使用

将html正文代码括在此特定页面上

<div class="mySpecialPage"> 

... [page's html code]
<div />

然后使用选择器

将语句添加到css文件

Answer 2

在外部样式表之后将其添加到头部。根据样式，您可能需要在p声明中添加！important。

<style>
p {font-size:1em}
#mainIntro {font-size:1.3em;}
</style>

Answer 3

由于级联，您不能只删除font-size：1.3em规范。

试试这个：

#mainIntro {font-size:1.3em;}
#mainIntro p { 100%; }

这会将该div的字体大小设置为1.3em，然后将#mainIntro p的现有字体大小覆盖为当前大小的100％;从而防止双字体大小。

Answer 4

您可以添加jQuery脚本来检查页面并动态修改样式。

我不是jQuery的高手，所以不为你编写脚本。