CDNを即時関数で一時利用はできない

ソースコード

<script>
(function(){
    //即時関数の中でCDN
    let output='<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">';

    output   +='<div class="w3-panel w3-blue">'
              +    '<p>即時関数の中</p>'
              +'</div>'
              ;
    document.write(output);
}());
</script>

<div class="w3-panel w3-blue">
    <p>きちんと使えて欲しくないCSS</p>
</div>

　パーツだけ欲しいのに、CDNしたらそのサイトはそのCDN色に完全に染まってしまうという。
　CDNを当ブログで動作させたらレイアウトが崩壊しました。典型的な誤動作。
　冗談きついわ。スコープ汚染が憎い。
　途中で初期CSSの復元ができればいいんだけれど、そんな機能ないし。何か方法あるかな。