jquery - 从第 n 个 child 中删除一个类(class)

Question

我希望这是一个相当简单的问题，我有一系列的 div:

<div class="full">
    <div class="wrap">
        <div class="grid">
            <div class="left">

我正在创建一个特定于打印的样式表，我需要删除包装类。我用 jQuery 实现了这个:

$(".printMe").click(function() {
    $("div.full > div:nth-child(1)").removeClass("wrap");
    window.print();
});

但这会影响我页面的整体外观。

有什么方法可以仅在 CSS 中实现上述内容，以便我可以将其放置在我的 print.css 页面中？

print.css 在我的 html 中被引用为:

<link type="text/css" rel="stylesheet" href="idauthenticate/css/print.css" media="print" />

谢谢

Answer 1

尝试

@media print {
    div.full > div:nth-child(1).wrap {
        /*remove styles here eg.*/
        border:0;
        padding:0;
    }
}