Ignore a CSS rule from a stylesheet

StackOverflow https://stackoverflow.com/questions/17619885

  •  03-06-2022
  •  | 
  •  

题

I am using Telerik Reporting with an MVC 3 site. I followed this tutorial to set up my report viewer page and have the CSS conflict issue mentioned at the end of the tutorial. They recommend just removing the rules from Site.css so their styles will apply properly.

I don't really like that solution. I want to be free to use the Site.css styles on all my non Telerik report pages and still have Telerik work properly. Is there a way (css or javascript) to remove the offending rules from my stylesheet on the report page only?

有帮助吗？

解决方案

Put a class on the body of your report page

<body class="report">

And then in your style sheet:

.report .someelement {
     // The styles that fix the problem, e.g.
     position: static;

}
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top