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}