ID 选择器

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

css

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

语法

css

#id 属性值 { 样式声明 }

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

css

[id=id 属性值] { 样式声明 }

示例

CSS

css

#identified {
  background-color: skyblue;
}

HTML

html

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

结果

规范

Specification
Selectors Level 4
# id-selectors

浏览器兼容性

BCD tables only load in the browser

参见