Css 如何仅使用打印样式表在新选项卡中打开当前页面?

Css 如何仅使用打印样式表在新选项卡中打开当前页面?,css,printing,Css,Printing,我有一个单独的打印样式表。我想创建一个按钮,打开当前页面,只实现该样式表,而忽略其余部分。如果有帮助的话,我们用AngularJS做这个 这是为了链接样式表: <link rel="stylesheet" href="css/printer-friendly.css" media="print"> 我尝试通过以下方式更改此页面的默认CSS: <script> function changeStyle( themeName ){ document.getElem

我有一个单独的打印样式表。我想创建一个按钮,打开当前页面,只实现该样式表,而忽略其余部分。如果有帮助的话,我们用AngularJS做这个

这是为了链接样式表:

<link rel="stylesheet" href="css/printer-friendly.css"  media="print">

我尝试通过以下方式更改此页面的默认CSS:

<script>  
function changeStyle( themeName ){
document.getElementById( "basestyle" ).href= themeName+ ".css";
}
</script

函数更改样式(themeName){
document.getElementById(“basestyle”).href=themeName+“.css”;
}

仅使用新样式表创建同一页面的版本,并使用
target=''u new'

<a target='_new' href='version_of_page_using_that_sheet_only'>print</a>


我想到了这一点,但我们的索引中有多个CSS,它们一次加载。即使我创建了一个带有打印样式表的页面,它仍然会加载其他样式表。那么,我如何强制新版本使用一个特定的样式表而忽略其他样式表呢?此页面使用的是部分样式表还是母版页,如果是这样的话,您可能希望拆分母版页中使用的样式,并将您不希望此页面的样式表移动到另一个不包含的文件中?