在一个页面中为多个元素提供相同的ID是否安全?例如,当您使用某些jquery插件时,当您运行两次或更多滑块或库时,通常会发生这种情况.我们知道,开发人员喜欢给html容器提供一些ID,以便脚本更快地运行.
我们来看看w3.org文档:
使ID类型属性特殊的原因是没有两个这样的属性可以具有相同的值; 无论文档语言如何,ID属性都可用于唯一标识其元素.
但是具有相同ID的2个元素的下一个示例在所有浏览器中都可以正常工作,尽管它无效:
#red {
color: red;
}Run Code Online (Sandbox Code Playgroud)
<p id="red">I am a red text.</p>
<p id="red">I am a red text too.</p>Run Code Online (Sandbox Code Playgroud)
任何人都能解释这种奇怪的情况吗?