ASP:NET MVC：如何在一个页面中呈现两种样式而没有任何 CSS 类重叠？

Question

I am working on a web based application that generates documents with some data. I have a new feature in the document generator, you can paste an Atlassian Confluence (in our company we use this as wiki) link in a textbox and on save the content from this specific page will appear in the document.

1. Problem: I have no possibility to get row data from the API of Atlassian Confluence without CSS-Classes.

2. Problem: I use in the document generator Bootstrap 3 and Atlassian Confluence use some Bootstrap classes too. This means: The Atlassian Confluence stylesheet recolor and resize the element on my page and I cannot create a new stylesheet for the content from Confluence because there are some special things and I don't have the time to do that.

Question : Is there any possibility or workaround to fix this problem with the options of ASP.NET and Razor?

Answer 1

Solution for my Case:

I created a new cshtml Page called "WikiContent". In this Page I render the Content from Attlasian Confluence with the Styling from Confluence. In my Document Page I created an <iframe> which renders the Page "WikiContent" with some Parameters.

I used the Answer from this Question to style and resize the <iframe> with JavaScript. I also added a Width of 100% to the <iframe> .