我正在使用Greasemonkey和JQuery的#css方法向页面添加CSS样式。到目前为止,脚本如下:
// ==UserScript==
// @name www.al-anon.dk Remove inline scroll so that page content prints properly
// @namespace http://userscripts.org/users/103819
// @description remove scroll from al-anon pages
// @include http://al-anon.dk/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// ==/UserScript==
$('#framen').css({'height': 'auto', width: 'auto'});
$('#menu').css({ 'display': 'none'});
现在我的问题是如何仅将最后一条规则应用于@media print?
换句话说:如果这是干净的CSS,我会使用以下语法:
@media print {
/* style sheet for print goes here */
}
但是如何使用Greasemonkey/JQuery实现这一点?