首页 > 解决方案 > clean-css-cli 使用 clean-css-cli 格式化媒体打印代码

问题描述

输出 使用 clean-css-cli 的程序 1. 使用 python 执行 clancss cli 的程序 我设置了级别 2 和 mergeMedia:off,结果对我来说并不好。

    try:
        #cmd = "cleancss -02 mergeMedia:off --compatibility ie8  -o {0} {1} ".format(dstFile, srcFile)
        cmd = "cleancss -O2 mergeMedia:off;removeDuplicateMediaBlocks:off -o {0} {1} ".format(dstFile, srcFile)
        os.system(cmd)
        print("cleancss - {} - ok !".format(srcFile))
        #os.remove(srcFile)
        #os.rename(dstFile, srcFile)
    except NameError as e:
        print(e)

2.css源代码 样式代码如下。第一项“table”将被删除(见setp 3)

@media print {
    table {
        border: 1px solid black;
        border-collapse: collapse;
        table-layout: fixed;
    }

        table th {
            border: 1px solid black;
        }

        table td {
            border: 1px solid black;
        }

    .pageBreak {
        page-break-after: always;
    }

    .noPrint {
        display: none;
    }

    .borderable {
        border: 2px solid black;
        padding: 3px;
    }

    nav, aside {
        display: none;
    }

    table.posprint {
        border: 1px solid white;
        border-collapse: collapse;
        table-layout: fixed;
    }

        table.posprint th {
            border: 1px solid white;
        }

        table.posprint td {
            border: 1px solid white;
        }
}

3. clean css output 以上setp 2的输出。第一个元素被删除,最后少了括号。

@media print{border-collapse:collapse;table-layout:fixed}table td,table th{border:1px solid #000}.pageBreak{page-break-after:always}.noPrint{display:none}.borderable{border:2px solid #000;padding:3px}aside,nav{display:none}table.posprint{border:1px solid #fff;border-collapse:collapse;table-layout:fixed}table.posprint td,table.posprint th{border:1px solid #fff}

如何更改我的程序代码并获得正确的输出。

谢谢你 。

标签: clean-css

解决方案


推荐阅读