javascript - 如何确保页面的某些部分不受 CSS 更改的影响？

Question

我有一个 PHP 页面，允许用户更改页面字体的大小。但是，无论用户将字体设置为什么，我都希望某些文本保持不变。我实现了一个系统，用户可以在小字体、普通字体和大字体之间进行选择，但尽管用户有选择，但有些文本需要保持相同的大小。

这是我用于“小”尺寸的 CSS 代码示例:

.smallview{
    font-size: 15px;
}

这是用 PHP 创建的按钮:

<a href="#" class="texttoggler" rel="smallview" title="small size"><img src="images/smallview.png" /></a> 

Answer 1

如果您只在要更改的区域应用较小的文本而不是在所有地方应用它，然后必须撤消它，那么这对您来说似乎是一个更容易的考验。

所以不要使用您拥有的 CSS，而是更具体一些，例如:

.smallview #content{font-size:15px}

或用于多个方面:

.smallview #content,.smallview #sidebar,.smallview .etc{font-size:15px}