Ignore a CSS rule from a stylesheet

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

  •  03-06-2022
  •  | 
  •  

Question

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?

Was it helpful?

Solution

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;

}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top