複数のCSSスタイルシートを同じHTMLページで使用する

ページ上のすべてのCSSルールが適用されます（HTMLはこのプロセスについて「何も知っていません」）。最も高い特異性を持つ個々のルールは「固執する」でしょう。特異性は、セレクターおよびそれらが文書中に現れる順番によって決定される。すべての要点は、これがカスケードの一部であるということです。ネット上の非常に多くのCSSチュートリアルの1つを参照する必要があります。

出典

2010-11-26 10:40:33 annakata

はい、複数のスタイルシートを含めることができますが、代わりのスタイルシートとしてラベルを付け、JavaScriptを使用して（おそらくリンクをクリックして）ユーザーに何らかの方法でアクティベートする必要があります。アレイ2例1.負荷のすべてのスタイルシート：

function getCSSArray() 
{ 
var links = document.getElementsByTagName("link"); 
var link; 
for(var i = 0; i < links.length; i++) 
{ 
    link = links[i]; 
    if(/stylesheet/.test(link.rel)) 
    { 
     sheets.push(link); 
    } 
} 

    return sheets; 
}

次はその意志あなたのJavascriptファイル内のメソッドを作成

<link type="text/css" href="nameOfAlterateStyleSheet.css" rel="alternate stylesheet" title="Blue" />

：代替スタイルシートを作成するには

次に、必要でないスタイルシートを無効にし、必要なスタイルシートを有効にするif/elseループを使用して配列を調べます。（上記のメソッドに別のメソッドを書くか、ループを挿入することができます。私はonloadコマンドを使ってCSS配列をページにロードした後、printViewメソッドを呼び出します。あなたがすることはできません

<a href="#" onClick ="methodName();">Link Name</a>

出典

2013-09-11 18:36:20 Susan

質問とこの回答の両方について注意する価値があるものはいくつかあります。 **この回答は正しいですが、複数の異なるスタイルが必要な場合にのみ**。複数のシートをプライマリシートと同じ方法で定義することができます。彼らが同じ属性を変えない限り、あなたは大丈夫です。 2つのスタイルシートが互いに矛盾する場合は、最後に処理されるスタイルを取得する必要があります（Quentinは簡潔な答えを書いています）。 – Zero

-3

：）

function printView() 
{ 
var sheet; 
var title1 = "printVersion"; 
for(i = 0; i < sheets.length; i++) 
{ 
    sheet = sheets[i]; 
      if(sheet.title == title1) 
    { 
     sheet.disabled = false; 
    } 
    else 
    { 
     sheet.disabled = true; 
    }

最後には、ユーザーのようなJavaScriptのメソッドをアクティブにするHTMLドキュメント内のコードを作成します。最後に指定するスタイルシートは、htmlページが使用する1つのスタイルシートになります。これを大きな単一の.cssドキュメントと考えてください。

出典

2016-03-23 08:41:20 Nastynas69

が失敗します。間違いなく複数のCSSファイルを含めることができます。 – ironarm

複数のCSSスタイルシートを同じHTMLページで使用する

答えて

関連する問題