ID 选择器

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

CSS ID 选择器会根据该元素的 id 属性中的内容匹配元素。为了使该元素被选中，它的 id 属性必须与选择器中给出的值完全匹配。

css

/* id 为“demo”的元素会被选中 */
#demo {
  border: red 2px solid;
}

语法

css

#id_value {
  /* … */
}

它与下面的属性选择器语句语法上等价（但优先级并不等价）：

css

[id="id_value"] {
  /* … */
}

css

#identified {
  background-color: skyblue;
}

html

<div id="identified">这个 div 有一个特别的 ID 属性！</div>
<div>这只是一个普通的 div。</div>

规范
Selectors Level 4 # id-selectors

此页面最后更新于 2025年11月10日，由 MDN 贡献者更新。