“多重”;HTML";HTML文件中的标记:当类和id';s可以是一样的吗?

“多重”;HTML";HTML文件中的标记:当类和id';s可以是一样的吗?,html,css,tags,Html,Css,Tags,我看到浏览器正确地呈现了多个HTML标记文件。我的意思是像两个html文件合并和连接。但是如果我把一个样式区域放入每个HTML部分,并且类或id是相同的,那么最后的css规则也会应用到第一部分。我问如何使css规则只作用于插入的部分,即使类和ID是相同的。我需要这个特殊的东西,所以我正在寻找解决方案或技巧。在文档中有多个html标记不是有效的html代码。浏览器无论如何都会尝试呈现内容,但是单独的html部分将简单地混合到一个文档中 您不能将不同的样式应用于不同的html部分,因为浏览器不会将h

我看到浏览器正确地呈现了多个HTML标记文件。我的意思是像两个html文件合并和连接。但是如果我把一个样式区域放入每个HTML部分,并且类或id是相同的,那么最后的css规则也会应用到第一部分。我问如何使css规则只作用于插入的部分,即使类和ID是相同的。我需要这个特殊的东西,所以我正在寻找解决方案或技巧。

在文档中有多个
html
标记不是有效的html代码。浏览器无论如何都会尝试呈现内容,但是单独的
html
部分将简单地混合到一个文档中


您不能将不同的样式应用于不同的
html
部分,因为浏览器不会将
html
部分分开。在第一个
html
部分之后的任何内容都将在上一个
正文的末尾被抛出,浏览器试图从混乱中做出某种解释。

文档中有多个
html
标记不是有效的html代码。浏览器无论如何都会尝试呈现内容,但是单独的
html
部分将简单地混合到一个文档中


您不能将不同的样式应用于不同的
html
部分,因为浏览器不会将
html
部分分开。在第一个
html
部分之后的任何内容都将在上一个
正文的末尾被抛出,浏览器试图从混乱中做出某种解释。

我认为一个文档中不允许有多个html标记。 我看不出这样做有什么好处


当您有多个文档时,考虑使用框架或更好的IFRAMY标签< /P> < P>我认为一个文档中不允许有多个HTML标签。 我看不出这样做有什么好处


当您有多个文档时,考虑使用框架或更好的IFRAMY标签

HTML标签和CSS规则在行为上完全不同。因此,如果你也合并html文件,它将作为一个单独的文件。尝试使用PHP包含函数并在另一个函数中包含HTML页面。渲染后,它将充当父对象的子对象


因此,对于单个HTML文件,如果您使用相同的名称编写多个CSS规则,它肯定会崩溃

HTML标记和CSS规则在行为上完全不同。因此,如果你也合并html文件,它将作为一个单独的文件。尝试使用PHP包含函数并在另一个函数中包含HTML页面。渲染后,它将充当父对象的子对象


因此,对于单个HTML文件,如果您使用相同的名称编写多个CSS规则,它肯定会崩溃

可以通过用内联代码替换类/id来实现这一点

考虑以下第一个html文件:

<html>
<head>
    <style>
        .aclass{
            color: #fff;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">xyz</a>
</body>
</html>
<html>
<head>
    <style>
        .aclass{
            color: #000;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">abc</a>
</body>
</html>

.A类{
颜色:#fff;
}
第二个html文件:

<html>
<head>
    <style>
        .aclass{
            color: #fff;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">xyz</a>
</body>
</html>
<html>
<head>
    <style>
        .aclass{
            color: #000;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">abc</a>
</body>
</html>

.A类{
颜色:#000;
}
现在,您可以在两个文件中内联样式,然后合并它们,最终结果如下所示:

<html>
<head>
</head>
<body>
    <a href="#" style="color:#fff;">xyz</a>
    <a href="#" style="color:#000;">abc</a>
</body>
</html>

您可以通过用内联代码替换类/id来实现这一点

考虑以下第一个html文件:

<html>
<head>
    <style>
        .aclass{
            color: #fff;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">xyz</a>
</body>
</html>
<html>
<head>
    <style>
        .aclass{
            color: #000;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">abc</a>
</body>
</html>

.A类{
颜色:#fff;
}
第二个html文件:

<html>
<head>
    <style>
        .aclass{
            color: #fff;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">xyz</a>
</body>
</html>
<html>
<head>
    <style>
        .aclass{
            color: #000;
        }
    </style>
</head>
<body>
    <a href="#" class="aclass">abc</a>
</body>
</html>

.A类{
颜色:#000;
}
现在,您可以在两个文件中内联样式,然后合并它们,最终结果如下所示:

<html>
<head>
</head>
<body>
    <a href="#" style="color:#fff;">xyz</a>
    <a href="#" style="color:#000;">abc</a>
</body>
</html>

具有相同id的多个元素非常容易出错。多次中断,如

在javascript上:
document.getElementById('idname')


具有相同
id
的多个元素非常容易出错。多次中断,如

在javascript上:
document.getElementById('idname')


不能在一个css文件中放置两个html标记。但是您可以将样式标记放在每个html文件中,并从中引用html标记

例如:考虑我有两个文件HOM.html和登录。 所以在css中,我可以为一个文件输入一个html标记,而在另一个html文件中,我可以简单地将它放在标记中

这是我为这两个文件制作的css

html {
    background: #ffffff;
}
所以我在css中保留home.html的html标记条目,而对于其他内容,我可以像这样在自己的html文件中编写

<title>Login Page</title>
<link rel="stylesheet" type="text/css" href="FeedbackManagement.css"/>

<style>html{background: green;}</style>
登录页面
html{背景:绿色;}
希望这有帮助。请查看这两个文件的背景色


不能在一个css文件中放置两个html标记。但是您可以将样式标记放在每个html文件中,并从中引用html标记

例如:考虑我有两个文件HOM.html和登录。 所以在css中,我可以为一个文件输入一个html标记,而在另一个html文件中,我可以简单地将它放在标记中

这是我为这两个文件制作的css

html {
    background: #ffffff;
}
所以我在css中保留home.html的html标记条目,而对于其他内容,我可以像这样在自己的html文件中编写

<title>Login Page</title>
<link rel="stylesheet" type="text/css" href="FeedbackManagement.css"/>

<style>html{background: green;}</style>
登录页面
html{背景:绿色;}
希望这有帮助。请查看这两个文件的背景色


您应该停止滥用浏览器和寻找此类技巧。首先,我需要问一下,为什么在一个文件中有多个html标记。在大多数情况下,当您按照ajax加载页面的一部分时,会发生这种情况,但您没有真正考虑到底要加载什么或者如何构建加载的部分。诀窍是不要使用相同的ID。每个文档可能有一个HTML和BODY标记。如果您不知道,您所拥有的不是有效的HTML文档,因此在浏览器中会出现未定义的供应商/版本特定行为。告诉我们你为什么需要这样做&我打赌有一个问题