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

参见