如何确保页面的某些部分不受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}