ID 选择器 - CSS（层叠样式表） 编辑

在一个HTML文档中,CSS ID 选择器会根据该元素的 ID 属性中的内容匹配元素,元素 ID 属性名必须与选择器中的 ID 属性名完全匹配，此条样式声明才会生效。

/* The element with id="demo" */
#demo {
  border: red 2px solid;
}

语法

#id属性值 {样式声明 }

它与下面的属性选择器语句等价：

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

示例

CSS

span#identified {
  background-color: DodgerBlue;
}

HTML

  <span id="identified">Here's a span with some text.</span>
  <span>Here's another.</span>

结果

规范

规范	状态	备注
Selectors Level 4 ID selectors	Working Draft
Selectors Level 3 ID selectors	Recommendation
CSS Level 2 (Revision 1) ID selectors	Recommendation
CSS Level 1 ID selectors	Recommendation	初始定义

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.