Scope External Css File For Div(no Css File Should Link Only )

In my page i have three CSS file bootstrap.css main.css icon.css these are the three file in my page Function in my page Am using Onload ,Onclick function when i click a link a

Solution 1:

You should use Scoped Stylesheets and JQuery Scoped CSS plugin (due to current lack of browser support).

Your HTML code would look like this:

<divclass="page"><stylescoped>@import"style.css";
    </style><!-- Your HTML goes here --></div>

Solution 2:

I believe that bootstrap css will always affect the conetent of divs on the entire page.

To make an area that is not affected, you will need to load the external file into an iframe rather than a div.