小编FvB*_*FvB的帖子

我正试图找到一种方法来专门调试Chrome中的CSS动画.我下载了最新版本的Chrome Canary,因为它应该包含此功能.多个来源确认样式选项卡下的DevTools中应该有一个按钮.

但是,按钮根本就不存在.它也不适用于常规Chrome的最新版本,也不适用于我的同事Chrome.有什么设置我不见了？

很难找到这个问题的好来源,这就是为什么我要求你们帮忙:)

对于我正在开发的应用程序，我想内置生成发票的功能。该发票是可配置的，我想在我的页面中显示预览。根据我发送回 C# 后端的数据，我将生成一个可供下载的 .PDF 文件。

在后端生成过程中，我将无法访问样式表，并且必须完全内联定义所有类。因为我希望我的预览真正匹配发票最终的外观，所以我需要能够从预览元素中排除所有其他样式。

有没有办法做到这一点？

例子：

<link href="Content/style.css" rel="stylesheet" />
<div>
    <p>Use classes defined in style.css</p>

    <div EXCLUDE CSS OUTSIDE THIS SCOPE>
        <p>No access to style.css</p>
    </div>
</div>

我知道我可以通过简单地确保预览器放置在我注入 CSS 的范围之外来实现所需的效果，但由于我的项目的结构，这不是一个选项。

额外信息：

我正在使用我正在执行此项目的公司购买的样式表。然而，样式表的设置非常糟糕，并且包含各种默认样式，例如：

table {
    color: black !important;
}

我正在寻找一种方法来排除所有样式，而不必单独覆盖该样式表中设置的每个属性。