Javascript 在CSS中，可以对不同的元素类型使用相同的ID吗？

我知道这是无效的HTML：

<p id="sally">paragraph</p>
<p id="sally">paragraph</p>

div#a{
背景色：红色；
}
span#a{
背景颜色：浅蓝色；
}

你好 世界 我知道这是无效的HTML

正确的

这也是无效的吗

对。ID在文档中必须是唯一的。文档中的每种类型不是唯一的

（这不会阻止浏览器错误恢复，因为它有时会给您带来您想要达到的结果，但您不应该依赖于此）

什么的

div.#sally{
  width: 90%;
  height: 3em;
  padding: 20px;
}
p.#sally{
  font-size: 1em;
  color: red;
}

您不能使用

。

。

启动类选择器。

#

启动ID选择器

你可以

div#sally { ... }
p#sally { ... }

然后有两个不同的文档，一个带有该ID的div，另一个带有该ID的段落，但它们都

指向同一个样式表

---

如果您想确定两个事物在一个组中，那么使用一个类。这就是类的用途。

不，它不起作用，因为这是ID的目的——在文档中是唯一的。他们提供了类，因此您可以多次使用相同的样式。

为什么不使用类？不，不是。ID应该是唯一的。不，你不能这样做。ID是唯一的，无论它们应用于哪个元素。它可能在HTML中无效，但如果从

div.#sally

和

p.#sally

中删除

，则在CSS中有效，实际上它在大多数浏览器中都可以工作。换言之，

div#a

和

span#a

的代码格式CSS选择器是有效的，尽管同一html文档中重复的ID实际上无效，但它们将与前面提到的

div#a

和

span#a

选择器一起使用。（在FF、Chrome和IE中工作）

div#sally { ... }
p#sally { ... }