gpt4 book ai didi

html - 在同一文档中使用单独的 CSS 文件的 DIV?

转载 作者:太空宇宙 更新时间:2023-11-04 04:22:53 25 4
gpt4 key购买 nike

是否可以为文档中的 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 实现吗?

最佳答案

简短的回答是,如果你想阻止 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>那个文档和样式中的 block div

关于html - 在同一文档中使用单独的 CSS 文件的 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18778704/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com