jquery - 使用 jQuery 恢复到页面的原始 CSS

Question

我有一个带有“打印机友好”按钮的页面，该按钮使用 jQuery 的 .css() 方法从特定元素中删除一些背景和边框，并更改字体大小。我可以设置另一个 .css() 方法将所有内容更改回原来的样子，但是有没有简单的方法可以将页面上的所有内容恢复为其原始 CSS(除了刷新页面)？

Answer 1

您应该在主 CSS 文件中将打印友好样式定义为选择器规则

body.printfriendly .selector .rule
{
  font-size:bigger;
}

然后您可以在 body 标记上添加和删除 printFriendly 类来显示或隐藏规则。

您还可以使用@media print部分来声明仅在用户打印时应用的规则。

@media print 
{
   .selector .rule
   {
     font-size:bigger;
   }
}