HTML フロントエンドの CSS リファレンスを変更する方法?_html/css

ディスカッションへの返信(解決策)

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML フロントエンドの CSS リファレンスを変更する方法?_html/css_WEB-ITnose

Jun 24, 2016 am 11:58 AM

css html 改訂引用

元の HTML フロントデスクの先頭部分は style.css スタイルを参照しています

&lt;LINK href=&quot;Css/style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;

ログイン後にコピー

次に、style7.css スタイルを使用して style.css スタイルを上書きしたいと思います

まず、style7.css をHTML フロントデスクのヘッド部分スタイルは次のメソッドを使用して実現できます

HtmlLink link = new HtmlLink();link.Attributes.Add(&quot;type&quot;, &quot;text/css&quot;);link.Attributes.Add(&quot;rel&quot;, &quot;stylesheet&quot;);link.Attributes.Add(&quot;href&quot;, &quot;style7.css&quot;);this.Header.Controls.Add(link);

ログイン後にコピー

しかし、HTML フロントエンドのヘッド部分は 2 つのスタイルを参照します

&lt;LINK href=&quot;Css/style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;<LINK href="Css/style7.css" type="text/css" rel="stylesheet">

ログイン後にコピー

ここでの問題は、どのように参照するかです。 style.css スタイルを HTML フロントエンドの先頭から削除しますか?

ディスカッションへの返信(解決策)

<!doctype html><html><head>    <meta charset="UTF-8">    <title></title>    &lt;LINK href=&quot;Css/style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;    <LINK href="Css/style7.css" type="text/css" rel="stylesheet"></head><body><script type="text/javascript">    var link = document.getElementsByTagName('link');    for(var i = 0; i<link.length; i++){        if(link[0].href.indexOf('style.css') > -1){            link[0].parentNode.removeChild(link[0]);        }    }</script></body></html>

ログイン後にコピー

真ん中の0はiです。
すごいです

あなたのビジネスロジック

1 つ追加して

次に、合成では 1 つを変更します
上の階からコードを借用します
var link = document.getElementsByTagName('link')
for(var i = 0; i if(link[i].href.indexOf('style.css') > -1){
link[i].href = 'style7.css'; }
}

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。