css - 停止继承特定 的字体大小

Question

我正在使用 Lotus Domino 将文档显示为网页。

此页面使用一个 CSS 文件，所有文本(p、font、 td 等...)。现在有一部分页面包含用户在Lotus Notes 文档中的富文本字段中输入的内容。页面的这一部分应该保留用户输入文本的字体属性，如字体大小和字体系列。但是由于CSS文件中的font-size:inherit，用户输入的内容的font-size不会被保留。

我试图覆盖 font-size:inherit 但没有保留用户输入的属性的选项。我无法从允许的值中进行选择，例如 bigger、em、px、%，因为其中任何一个都会仍然更改内容的 font-size。

你知道如何保留内容的字体大小而不是基于 CSS 文件吗？请注意，我不可能不使用 CSS 文件，因为某些页面内容使用它。

Answer 1

假设您可以更改页面和 CSS 文件，您可以通过向元素添加 CSS 类而不是使用元素名称作为选择器(即 P、FONT 等)来解决此问题。富文本字段的输出不会包含您添加的那些 CSS 类，因此不会受到影响。例如:

<style type="text/css">
.mystyle { font-weight: bold; }
.myfooter { font-size: 0.8 em; }
</style>

<P class="mystyle">Some text</P>

<!-- My Rich Text Box -->
<P>Some text entered by user</P>
<!-- End Rich Text Box -->

<P class="myfooter">Footer text</P>

如果您想保留元素选择器，您也可以将富文本字段之外的所有内容包装在一个 div 中，然后为该 div 分配一个类并调整您的选择器。例如:

<style type="text/css">
#wrapper P { font-weight: bold; }
#wrapper A { text-decoration: none; }
</style>

<div id="wrapper">
    <P>Some text</P>
    <A href="www.stackoverflow.com">Stack Overflow</A>
</div>
<!-- My Rich Text Box unaffected by styles -->
<P>Some text entered by user</P>
<!-- End Rich Text Box -->