I started to use Miniprofiler in my site but encountered rendering issues in its popup. The problem is that my site's CSS are "too global", for example:\[code\]thead th:last-child { background: url("img/rb.gif") no-repeat scroll right 0 transparent !important; height: 42px;}\[/code\]and that conflicts with MiniProfiler's styles and its popup looks like hell (specifically its tables do not need background images, etc.). I tried to narrow down my CSS scopes but the site is huge and that brings more issues (I'm not a designer). However, I can modify MiniProfiler's source code/styles and rebuild it. What I need is that elements in container with \[code\]profiler-results\[/code\] class ignore all "global" styles. What would be my best options?
Fix overlapping CSS
- Thread starter DiaG
- Start date