Home/ Questions/Q 1101727
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T01:04:37+00:00

I have an HTML as following: <html> <head> <style type=text/css> a {color: red} </style>

  • 0

I have an HTML as following:

<html>
    <head>
        <style type="text/css">
            a {color: red}
        </style>
    </head>
    <body>
        <div>
            <html>
                <body>
                    <a href="#">Test Link</a>
                </body>
            </html>
        </div>
    </body>
</html>

“Test Link” is displayed in green color. By this I understand that the HTML inside div takes parent HTML’s CSS. In my scenario, I do not have control over the parent HTML. I can only control div’s contents. Is there a way to have a clean, fresh CSS for the HTML inside div? I dont want the parent HTML’s CSS to be applied to the HTML inside div. Any help appreciated.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your HTML is disgusting, use an iframe instead.

    page1.html

    <html>
    <head>
        <style type="text/css">
            a {color: red}
        </style>
    </head>
    <body>
        <div>
            <iframe src="page2.html"></iframe>
        </div>
    </body>
</html>

    page2.html

    <html>
    <body>
        <a href="#">Test Link</a>
    </body>
</html>

    Unrelated, I’m so sorry, but you’re colourblind.

    • 0