修复重叠的CSS

Question

我开始在我的网站中使用Miniprofiler，但在其弹出窗口中遇到了渲染问题。问题是我的网站的CSS太全球了＃34;例如：

thead th:last-child {
    background: url("img/rb.gif") no-repeat scroll right 0 transparent !important;
    height: 42px;
}

与MiniProfiler的样式及其弹出窗口的冲突看起来像地狱（特别是它的表格不需要背景图像等）。我试图缩小我的CSS范围，但网站很大，带来了更多的问题（我不是设计师）。但是，我可以修改MiniProfiler的源代码/样式并重建它。我需要的是具有profiler-results类的容器中的元素忽略所有＆＃34;全局＆＃34;样式。什么是我最好的选择？

Answer 1

也许你可以尝试CSS Scoped，这是一个HTML5功能。您可以尝试使用此功能找到解决方法，因为您说您的网站太大了。并且只想在您网站上的特定部门应用css规则。

Scoped CSS