相关疑难解决方法(0)

具有相同ID的多个元素响应一个CSS ID选择器

在一个页面中为多个元素提供相同的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)

任何人都能解释这种奇怪的情况吗?

html css css-selectors

12
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

css-selectors ×1

html ×1