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，为了有一些其他颜色，你需要color在你的stylesheet 2太...

如果你想div专门针对一个，我建议你使用一个id独特的，而不是为那个特定的写各自的样式div

例如

<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（＃）或类（。），您可以为该DIV元素创建独立样式。

于 2013-09-13T05:15:14.317 回答