CSS选择所有ID
在 CSS 中，可以使用选择器来选择元素并为其添加样式。其中，ID 选择器可用于选择具有给定 ID 属性的元素，并且使用“#”作为选择器的前缀。此外，ID 可视为文档中的标识符，因为每个 ID 在整个文档中都是唯一的。
1. 什么是 CSS ID
在 HTML 文档中，ID 是元素的唯一标识符，并且用于将特定的元素与样式表中的样式关联起来。例如，可以使用以下 HTML 代码为段落元素添加 ID：
<p id="my-para">This is my paragraph.</p>那么，这个元素就具有了名为 "my-para" 的 ID，可以使用 CSS 选择器来为其添加样式：
#my-para {
font-size: 16px;
color: blue;
}
2. 如何选择所有 ID
使用 CSS 选择器时，可以使用通配符选择器（*）选择所有元素（包括具有 ID 属性的元素）。但是，这种方法可能会影响到性能，因为每个具有 ID 属性的元素都将受到影响。
2.1 使用通配符选择所有 ID
下面的示例演示了如何使用通配符选择所有具有 ID 属性的元素，并将它们的颜色设置为绿色：
*[id] {
color: green;
}
在上面的代码中，[id]选择器表示具有 ID 属性的任何元素。如果您不想选择所有具有 ID 属性的元素，而只需要选择特定 ID 前缀的元素，则可以使用属性选择器（[attribute^=value]）并指定前缀值为 #。
2.2 使用属性选择器选择所有 ID
下面的示例演示了如何使用属性选择器选择所有具有 ID 属性的元素，并将它们的颜色设置为蓝色：
[id^="#"] {
color: blue;
}
在上面的代码中，[id^="#"]选择器表示 ID 属性以 # 开头的所有元素。
3. 总结
CSS ID 是元素的唯一标识符，用于将元素与样式表中的样式关联起来。
可以使用通配符选择器选择所有具有 ID 属性的元素。
可以使用属性选择器选择特定 ID 前缀的元素。
需要注意的是，使用通配符选择器和属性选择器可能会对性能产生一定的影响，因此在选择所有具有 ID 属性的元素时应该谨慎使用，并尽可能使用通用选择器（例如，使用 class 或标签选择器）。