Question

我有一个hidden-print课，工作得很好。我想知道，我怎么能用它来隐藏某个css的id呢？例如这里。

<style>
        #page-content
     {
        font-family: 'Source Sans Pro';
        font-size: 14px;
        line-height: 1.428571429;
        color: #4d4d4d;
        background-color: #f7f8fa;
        margin-left:230px
    }
</style>

<div id="page-content">

...
...
</div>

我如何使用hidden-print专门删除margin-left:230px？

Answer 1

根据您的更新添加了样式演示。 @media print下的花括号之间的任何内容都会调整打印的页面外观和布局，而不会影响屏幕外观。

    <style>
                    #page-content
             {
                    font-family: 'Source Sans Pro';
                    font-size: 14px;
                    line-height: 1.428571429;
                    color: #4d4d4d;
                    background-color: #f7f8fa;
                    margin-left:230px
            }

    @media print 
    {
            /*  adjust margin  */
            #page-content 
            {
            margin-left: 0px 
            }

            /*  for items you don't want on printed page . . . */
            #page-footer 
            {
            display: none;
            }

            /* any class item which should be altered for printing, such as dark backgrounds which don't always print well. */
            .some-element-class 
            {
            background: White;
            color: Black;
            }
    }
    </style>

css - 有没有办法用另一个css元素禁用css元素

1 个答案: