0

ドキュメント内の div 用に別のCSSファイルを作成することは可能ですか? これは、ページに含まれる他のファイルDIVからプロパティを継承するべきではありません。CSS次の行を使用して、より明確にしようとします。こんなものを期待しています。

<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en">
    <head>
        <link rel = "stylesheet" type = "text/css" href = "main_style.css" />
    </head>
    <body>
        <div class="main">
            <div rel = "stylesheet" href = "sub_style.css"> <!-- This with seperate stylesheet.-->
                <!--
                Elements here will have style only from sub_style.css and not from main_style.css
                -->
            </div>
        </div>
    </body>
</html>

編集: DIV で不可能な場合は、 iframe を使用して達成できますか?

4

2 に答える 2

2

短い答えはNOです。 が他のスタイルシートからスタイルを継承するのを防ぎたい場合div、唯一の方法は、より具体的なセレクターを使用するか、または を使用してスタイルをオーバーライドすること!importantです。ここでは特定のセレクターを使用することをお勧めします。

たとえば、スタイルシート 1 に以下のスニペットのようなものがあります。

div {
   color: #f00;
   font-weight: bold;
}

そして、あなたはスタイルシート2の下にいます

div {
   font-weight: normal;
}

この場合、フォントdivはオーバーライドされるため通常のフォントになりますが、色は になります。別の色を使用するには、も#f00指定する必要があります...colorstylesheet 2

を具体的にターゲットにしたい場合は、一意になる を使用し、その特定のそれぞれのスタイルを記述するdivことをお勧めしますiddiv

例えば

<div id="unique_element"></div>

div#unique_element {
   /* Define styles here, or override the previous */
}

このように、idあなたの特異性を使用すると、より多くの範囲が増加し、特定のものをターゲットにすることもできますdiv

iframe質問を編集したときに、はいよりも使用したい場合は<style>、そのドキュメントとスタイル内でブロックを使用できます。div

于 2013-09-13T05:10:31.540 に答える
0

CSS ファイルを div にリンクすることはできません。しかし、適切なセレクターで id(#) または Class(.) を使用することにより、その div 要素に独立したスタイルを作成できます。

于 2013-09-13T05:15:14.317 に答える